Javascript 未捕获的TypeError:$(…)。typeahead不是函数

Javascript 未捕获的TypeError:$(…)。typeahead不是函数,javascript,jquery,twitter-bootstrap,Javascript,Jquery,Twitter Bootstrap,我正在研究引导响应的“内容标签”,作为入门指南,我得到了以下代码 JS $('#openBtn').click(function() { $('#myModal').modal({ show: true }) }); $('#myTab a').click(function(e) { e.preventDefault(); $(this).tab('show'); }); $(function() { $('#myTa

我正在研究引导响应的“内容标签”,作为入门指南,我得到了以下代码

JS

$('#openBtn').click(function() {
     $('#myModal').modal({
         show: true
     })
 });
 $('#myTab a').click(function(e) {
     e.preventDefault();
     $(this).tab('show');
 });

 $(function() {
     $('#myTab a:last').tab('show');
 })
 $("[data-toggle=tooltip]").tooltip();
 $("[data-toggle=popover]").popover();
 $(".alert").delay(200).addClass("in").fadeOut(3500);

 $(".alert").addClass("in").fadeOut(3500);

 $('.typeahead').typeahead({
     source: function(typeahead, query) {
         /* put your ajax call here..
         return $.get('/typeahead', { query: query }, function (data) {
            return typeahead.process(data);
         });
         */
         return ['alpha', 'beta', 'bravo', 'delta', 'epsilon', 'gamma', 'zulu'];
     }
 });
 $("[rel='tooltip']").tooltip();

 $('.thumbnail').hover(
     function() {
         $(this).find('.caption').slideDown(250); //.fadeIn(250)
     },
     function() {
         $(this).find('.caption').slideUp(250); //.fadeOut(205)
     }
 );
HTML

<div class="container">
    <div class="row">

<div class="tabbable">
  <ul class="nav nav-tabs">
    <li class="active"><a href="#tab1" data-toggle="tab">Section 1</a></li>
    <li><a href="#tab2" data-toggle="tab">Section 2</a></li>
  </ul>
  <div class="tab-content">
    <div class="tab-pane active" id="tab1">
      <p>I'm in Section 1.</p>
    </div>
    <div class="tab-pane" id="tab2">
      <p>I'm in Section 2.</p>
    </div>
  </div>
</div>
</div>

我在第一区

我在第二节

当我运行此代码时,它会给我以下错误:

“未捕获的TypeError:$(…)。typeahead不是函数”

虽然我的标签可以工作,但它会影响代码的另一部分,该部分已经停止工作。如果我从我的JS文件中删除这部分打字机函数代码,那么我的另一部分代码工作得很好,但是选项卡不工作

在此方面的任何指导都将受到高度赞赏


提前感谢

只需从JS文件中删除以下代码即可

 $(function() {
           $('#myTab a:last').tab('show');
       })
       $('.typeahead').typeahead({
         source: function (typeahead, query) {
           put your ajax call here..
          return $.get('/typeahead', { query: query }, function (data) {
         return typeahead.process(data);
      });

     return ['alpha','beta','bravo','delta','epsilon','gamma','zulu'];
     }
   });
添加以下代码,而不是

 $(".nav-tabs a").click(function(){
       $(this).tab('show');
   });

您的页面中包括了吗?还有
jQuery
库。