Javascript 引导选项卡不工作引发选项卡未定义错误

我正在使用下面的代码在我的MVC应用程序中呈现引导选项卡。所有脚本都已正确加载。但仍然抛出未定义的错误

<script src="@Url.Content("~/Scripts/jquery-1.8.3.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/bootstrap-tabs.js")" type="text/javascript"></script>

<ul id="myTab" class="nav nav-tabs">
    <li class="active"><a href="#home" data-toggle="tab">Home</a></li>
    <li><a href="#profile" data-toggle="tab">Profile</a></li>
</ul>
<div id="myTabContent" class="tab-content">
    <div class="tab-pane fade in active" id="home">
        jhgh
    </div>
    <div class="tab-pane fade" id="profile">
        mbjb
    </div>

</div>


<script type="text/javascript">
    $(function () {

        $('#myTab a').click(function (e) {debugger
            e.preventDefault()
            $(this).tab('show');
        });
    });

</script>

JHG
mbjb
$（函数（）{
$（'#myTab a'）。单击（函数（e）{debugger
e、 预防默认值（）
$（this.tab（'show'）；
});
});

谢谢

湿婆

试着去除“德布格”

HTML

<ul id="myTab" class="nav nav-tabs">
  <li class="active">
      <a href="#home" data-toggle="tab">Home</a>
  </li>
  <li>
      <a href="#profile" data-toggle="tab">Profile</a>
  </li>
</ul>
<div id="myTabContent" class="tab-content">
  <div class="tab-pane fade in active" id="home">
      jhgh
  </div>
  <div class="tab-pane fade" id="profile">
      mbjb
  </div>
</div>

---

您应该导入完整的引导程序的javascript库，它似乎存在对引导程序文件的javascript依赖性（js

1）在没有调试器的情况下尝试；2） 使用这些标记-3）检查jQuery冲突谢谢。我怎么能在这里检查jQuery冲突？我不太确定，我从来没有使用过引导，但可以在文档中找到它-“您可以通过指定data toggle=“tab”激活选项卡或pill导航，而无需编写任何JavaScript“…因此，请先在没有js的情况下尝试：）如果上述情况没有帮助，请用fiddle为我们提供一个简单的演示

   $(function () {
        $('#myTab a').click(function (e) {
            e.preventDefault()
            $(this).tab('show');
        });
    });