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")以查看点击事件处理程序是否附加了两次，但是返回undefined。

毫不奇怪，它在jsfiddle中运行得很好。

我查看了this stackoverflow question，但没有一个父元素是position: absolute。

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

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

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

我是javascript-proficient，但无论如何都不是专家，所以我确信还有很多我还没有检查过的东西。

Answer 1

事实证明我正在将bootstrap.js v3.3.0和bootstrap.js v3.3.1加载到同一页面上。那就做了。

Bootstrap Modal Toggle事件发生两次

1 个答案: