Question

我最近做了一个更改，让一些图标成为我的网站上出现twitter-bootstrap模式的按钮，我现在收到错误：

未捕获的TypeError：对象modal1没有方法'toggle'

在某些情况下，模态看起来是切断的，或者根本没有出现（有许多是动态创建的）。以下是相关代码：

按钮HTML：

 <a data-toggle="modal" href="#myModal-{{$artist->id}}" class="Details">
                                  <span class="fa-stack">
                                  <i class="fa fa-circle-o fa-stack-2x"></i>
                                  <i class="fa fa-plus fa-stack-1x"></i>
                                  </span> 
    </a>

模态HTML：

  <div id="myModal-{{$artist->id}}" class="modal hide fade side-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
    <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true"><i class="fa fa-times fa-lg"></i></button>
    </div>

        <div class="modal-body">
          <article class="musicainDEtailImgBox"> <a href="#"><img src="{{$artist->image_path}}" alt="" title="" width="240" height="240"></a>
            <h5>{{$artist->stage_name}}</h5>
    </div>
    </div>
    </div>

知道为什么会这样吗？我正在使用图标的字体真棒图标。

编辑：

javascript控制台错误引用bootstrap.js的第1008行：

if (!data) $this.data('modal', (data = new Modal(this, options)))
      if (typeof option == 'string') data[option]()

Answer 1

似乎要么：

包含Font Awesome脚本会干扰正确加载Bootstrap脚本或
Font Awesome图标阻止了'a'上的点击事件。

您可以在http://www.bootply.com/上提供源代码吗？

Twitter Bootstrap：Uncaught TypeError：对象modal1没有方法'toggle'

1 个答案: