Having an issue with my dropdown list in the Twitter Bootstrap tab - it's not responding when clicked. I've checked Stackoverflow for solutions but nothing has worked so far. I even tried removing the data-toggle='tab' attribute.
Just a heads up - I'm using Twitter Bootstrap 3.0
Here's the code snippet:
<ul class="nav nav-tabs case-detail-nav" id="myTab">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" data-target="#">Text Files<b class="caret"></b></a>
<ul class="dropdown-menu" role="menu">
<li><a href='http://www.google.com/'>google</a></li>
</ul>
</li>
<li class="active"><a href="#general">General</a></li>
</ul>
And here's the Javascript:
<script>
$(function () {
$('#myTab a:last').tab('show')
})
$('#myTab a').click(function (e) {
e.preventDefault()
$(this).tab('show')
})
</script>
Any help would be greatly appreciated! Thanks!