Bootstrap Modal Toggle事件發生兩次

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")來查看click事件處理程序是否已附加兩次，但是返回undefined 。

毫不奇怪，它在jsfiddle中可以正常工作。

我看了這個stackoverflow問題 ，但是所有父元素都不是position: absolute 。

這個問題表明AJAX可能是問題，我確實在UpdatePanel有此DataList ，但是刪除UpdatePanel並不能解決問題。

我還嘗試刪除了DataList，並僅使用帶有人為設計值的按鈕，但是得到了相同的行為。

我不知道如何進一步調試。 有沒有辦法查看click事件是否在多個元素上觸發？

我精通javascript，但無論如何都不是專家，因此，我確定有很多事情尚未檢查。

Answer 1

原來，我正在將bootstrap.js v3.3.0和bootstrap.js v3.3.1都加載到同一頁面上。 那樣做。