1

嗨，我有模态问题

<div id="myModal" class="modal hide fade">
    <div class="modal-header">
        <a href="#" class="close" data-dismiss="modal">×</a>
        <h3>Modal header</h3>
    </div>
    <div class="modal-body" style="text-align:center">
        <p>
            <ul class="thumbnails">
            <li class="span3" style="">
                <img src="http://placehold.it/260x180" alt="">
            </li>
            </ul>
        </p>
    </div>
    <div class="modal-footer">
        <a href="#" class="btn btn-danger">Delete</a>
    </div>
</div>

这就是我所说的模态

<td><a data-toggle="modal" href="#myModal">Show poster</a></td>

并在单击链接模式后淡入和淡出而不单击关闭按钮。我从他们的网站上复制了这段代码，有什么问题？

编辑### SOLUTION ### 在模态源代码文件中我评论了这个函数

 /* MODAL DATA-API
  * ============== */
 /*
  $(function () {
    $('body').on('click.modal.data-api', '[data-toggle="modal"]', function ( e ) {
      var $this = $(this), href
        , $target = $($this.attr('data-target') || (href = $this.attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '')) //strip for ie7
        , option = $target.data('modal') ? 'toggle' : $.extend({}, $target.data(), $this.data())

      e.preventDefault()
      $target.modal(option)
    })
  })
*/

现在效果很好

4

1 回答 1

3

注释掉插件源代码中的某些内容不是解决问题的正确方法。你没有正确使用它。如果你想禁用数据 API，你应该这样做：

从文档中：

数据属性 API

我们相信您应该能够完全通过标记 API 使用 Bootstrap 提供的所有插件，而无需编写一行 javascript。这是引导程序的一流 api。

我们承认这并不总是性能最高的，有时可能需要完全关闭此功能。因此，从 2.0 开始，我们提供了禁用数据属性 API 的功能，方法是取消绑定以“data-api”命名的主体上的所有事件。这看起来像这样：

$('body').off('.data-api')

要针对特定​​插件，只需将插件名称作为命名空间与 data-api 命名空间一起包含，如下所示：

$('body').off('.alert.data-api')

如果您不想禁用该 API（我不知道您包含什么 JS 或自己编写）并且它仍然无法正常工作，请发布您呈现的页面代码，以便我们可以查看正在发生的其他事情并为您提供帮助以正确的方式修复它。

于 2012-06-01T15:23:05.570 回答