Question

我正在使用带有django模板和python背景的Bootstrap 3。我在顶部导航栏下拉菜单中使用django变量作为href值。只有一个项目没有href属性，因为它不需要路由到其他页面，它只有一个目的，向用户显示模式弹出窗口。所以它只是一个基本的抓住我的鼠标点击与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()方法！

Bootstrap Dropdown菜单项不可用

1 个答案: