Question

我正在使用Bootstrap 3，我试图在nav-pills中包含两个链接。一个是菜单中页面的标准链接。

另一个是垃圾桶到引导模式的链接以确认删除。我遇到的问题是外部点击事件也会影响垃圾箱点击，所以我被带到了页面，我没有弹出模态。当我单击后退按钮时，模态会触发。

我曾尝试使用stopPropagation，但现在模态不会触发。

$(".pagedelete").click(function(event) {
    event.stopPropagation();
});

HTML：

<ul id="pageMenu" class="nav nav-pills nav-stacked sortable ui-sortable">
    <li class="" id="item_1">
        <a href="/edit/issue/516/2224">
            <i class="fa fa-file-text"></i>
            <span class="page-title">Keith goes to the...</span>
            <span class="pageNum">Cover</span>
            <i class="pagedelete fa fa-trash-o" data-toggle="modal" href="#deletePage"></i>
        </a>
    </li>
    <li class="" id="item_2">
        <a href="/edit/issue/516/2224">
            <i class="fa fa-file-text"></i>
            <span class="page-title">Bob climbs the m...</span>
            <span class="pageNum">Page 1</span>
            <i class="pagedelete fa fa-trash-o" data-toggle="modal" href="#deletePage"></i>
        </a>
    </li>

我也尝试过返回false但同样的问题。我相信我走在正确的轨道上，更多的是我如何实施它。

Answer 1

你可以尝试在href

之外提供垃圾链接吗？

<ul id="pageMenu" class="nav nav-pills nav-stacked sortable ui-sortable">
<li class="" id="item_1">
    <a href="/edit/issue/516/2224">
        <i class="fa fa-file-text"></i>
        <span class="page-title">Keith goes to the...</span>
        <span class="pageNum">Cover</span>
    </a>
    <i class="pagedelete fa fa-trash-o" data-toggle="modal" href="#deletePage"></i>
</li>
<li class="" id="item_2">
    <a href="/edit/issue/516/2224">
        <i class="fa fa-file-text"></i>
        <span class="page-title">Bob climbs the m...</span>
        <span class="pageNum">Page 1</span>
    </a>
    <i class="pagedelete fa fa-trash-o" data-toggle="modal" href="#deletePage"></i>
</li>

javascript停止点击bootstrap nav-pill中的stopPropagation for modal

1 个答案: