Question

我的模态

有问题

<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>

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

修改 ###解决方案### 在模态源代码文件中我评论了这个功能

 /* 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)
    })
  })
*/

现在效果很好

Answer 1

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

来自documentation：

DATA-ATTRIBUTE API

我们相信您应该能够使用Bootstrap提供的所有插件   纯粹通过标记API而不写一行   JavaScript的。这是bootstraps的第一类api。

我们承认，这并不总是最高效的   有时可能需要关闭此功能   共。因此，从2.0开始，我们提供禁用的功能   数据属性API通过解除对命名空间的所有事件的绑定   “数据API”。这看起来像这样：

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

要定位特定的插件，只需将插件名称作为命名空间以及data-api命名空间包含如下：

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

如果你不想禁用那个API（我不知道你包括或自己写的是什么）并且它仍然无法正常工作，请发布您呈现的页面代码，以便我们可以看到还有什么并帮助你以正确的方式解决它。

淡入后，Twitter引导模态隐藏

1 个答案: