Question

我正在开发自适应响应＆＃34;内容标签＆＃34;作为入门指南，我得到了以下代码。

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>

当我运行此代码时，它会给我以下错误：

＆＃34;未捕获TypeError：$（...）。typeahead不是函数＆＃34;

虽然我的标签可以工作，但它会影响已停止工作的代码的另一部分。如果我从我的JS文件中删除了这部分Typehead功能代码，那么我的其他部分代码工作得非常好，但是标签不起作用。

对此的任何指导都将受到高度赞赏。

提前致谢

Answer 1

只需从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');
   });

未捕获的TypeError：$（...）。typeahead不是函数

1 个答案: