Bootstrap 下拉菜单项无法捕获

Question

我正在使用带有 django 模板和 python 背景的 Bootstrap 3。我在顶部导航栏下拉菜单中使用 django 变量作为 href 值。只有一个项目没有 href 属性，因为它不需要路由到其他页面，它只有一个目的，向用户显示模式弹出窗口。所以它只是一个基本的catch-my-mouse-click-with-jquery，会问一个确认问题，比如“你确定要这样做吗？”，但无论我如何尝试，我都无法捕捉到点击事件：S 有什么建议吗？我在这里复制了 django 模板和 javascript 文件中的代码。

        <ul class="nav navbar-nav visible-xs-12 hidden-sm hidden-md hidden-lg">
            <li>
                <a href="{% url 'profiles:email_change' %}">Change Email</a>
            </li>
            <li>
                <a href="{% url 'profiles:password_change' %}">Change Password</a>
            </li>
            <li>
                <a href="#" id="deleteProfil">Delete Profil</a>
            </li>
            <li>
                <a href="{% url 'profiles:signout' %}">Sign Out</a>
            </li>
        </ul>

捕获的脚本是

        $( "#deleteProfil" ).on( "click", function() {
            $('#deleteProfilModal').modal({show:true});
        });

我在其他任何地方都使用此代码来捕捉任何点击，即使是在动态生成的项目上，它也能正常工作。有什么建议或想法吗？

Answer 1

我认为您需要为此使用事件委托：

$('#deleteProfil').on('click', 'li a', function() {
    $('#deleteProfilModal').modal({show:true});                
});

另一个解决方案是.live() 方法！