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都加载到同一页面上。 那样做。