On 15/02/2012 23:29, Nitin Jain wrote:
<code>
$.fn.tab = function ( option ) { //error: Uncaught TypeError:
Cannot read property 'fn' of undefined
return this.each(function () {
var $this = $(this)
, data = $this.data('tab')
if (!data) $this.data('tab', (data = new Tab(this)))
if (typeof option == 'string') data[option]()
})
}
</code>
Hence unable to deploy the toggable tabs
code for toggable tabs
<code>
<div class = "tabbable tabs-left">
<ul class = "nav nav-tabs">
<li class ="active"><a href = "#1" data-toggle ="tab">COLLEGES</a></
li>
<li><a href = "#2" data-toggle ="tab">EXAMS</a></li>
<li><a href = "#3" data-toggle ="tab">COURSES</a></li>
<li><a href = "#4" data-toggle ="tab">EVENTS</a></li>
</ul>
<div class = "tab-content">
<div class = "tab-pane active" id = "1">
<p class = data_container>
HELLO WORLD 1
</p>
</div>
<div class = "tab-pane" id = "2">
<p class = "data_container">
HELLO WORLD 2
</p>
</div>
<div class = "tab-pane" id = "3">
<p class = "data_container">
HELLO WORLD 3
</p>
</div>
<div class = "tab-pane" id = "4">
<p class = "data_container">
HELLO WORLD $
</p>
</div>
</div>
</div>
</code>
have you got jquery on the page?
in webinspector console: $.fn.jquery
should output 1.7.1
