Bootstrap 模态切换事件发生两次

Question

我有一个 asp:DataList。列表中的每个项目都有一个删除按钮，该按钮将弹出一个确认模式。

<asp:DataList ID="dlKeywords" runat="server" 
    RepeatLayout="Table" CssClass="table table-striped">
    <ItemTemplate>
    ...
        <div class="btn btn-default glyphicon glyphicon-trash" data-toggle="modal"
            data-target="#modalDeleteWarning" data-keyword-id="<%# Eval("keywordId") %>"
            data-keyword-name="<%# Eval("keyword") %>">
        </div>
    ...
    </ItemTemplate>
</asp:DataList>
<div id="modalDeleteWarning" class="modal fade">
    ...
</div>

由于某种原因，该事件会触发两次，因此它会立即再次打开和关闭。

我试着查看 $._data(btn_object_reference, "events") 以查看点击事件处理程序是否附加了两次，但是 returns undefined.

不足为奇，它在 jsfiddle 中工作得很好。

我查看了 this Whosebug question，但是 none 的父元素是 position: absolute。

This question 表明 AJAX 可能是问题所在，我在 UpdatePanel 中确实有这个 DataList，但删除 UpdatePanel 并不能解决问题。

我也尝试删除 DataList，并仅使用一个带有人为值的按钮，但我得到了相同的行为。

我不知道如何进一步调试。有没有办法查看是否在多个元素或其他东西上触发了点击事件？

我 javascript-精通，但无论如何都不是专家，所以我敢肯定还有很多东西我还没有检查过。

Answer 1

原来我在同一个页面上加载了 bootstrap.js v3.3.0 和 bootstrap.js v3.3.1。这样就可以了。

Bootstrap 模态切换事件发生两次

Bootstrap Modal Toggle event happening twice

javascript

jquery

modal-dialog

twitter-bootstrap-3