Question

我正在尝试制作导航按钮单击事件，但Jquery On Click事件似乎无法正常运行。当我单击按钮时，它应该将消息记录到控制台。这是我的代码：

$(document).ready(function () {
    'use strict';
    $('.dropdown-toggle').on('click', function (event) {
        console.log("It's Working Jim!");
    });
});

'dropdown-toggle'类适用于包含文本的div（我也尝试使用span），'dropdown'类适用于包含div的'li'。在决定发布自己之前，我已经查看了至少15个其他类似的主题。

提前致谢，哈里斯米尔扎。

Answer 1

如果.dropdown-toggle元素是动态添加的（我假设他们这样做了），那么你必须将你的事件委托给那个元素：

$(document).ready(function () {
    'use strict';
    $(document).on('click','.dropdown-toggle', function (event) {
        console.log("It's Working Jim!");
    });
});

所有这一切都可能假设您正在使用正确版本的jQuery（即您的jQuery支持on()）

Answer 2

它正在运作

如果您尝试在移动设备上运行，我建议您使用'vclick'事件。

参见示例：http://jsfiddle.net/m3Q5F/

<div class= "dropdown-toggle">
        on click
</div>

$(document).ready(function () {
    'use strict';
    $('.dropdown-toggle').on('click', function (event) {
        console.log("It's Working Jim!");
    });
});

Answer 3

嗨，你可以展示你的HTML或告诉我你是否使用正确的jquery版本支持功能。它的工作正常。动态添加div。

$(document).ready(function () {
    'use strict';
    $('ul li').append("<div class= 'dropdown-toggle'> on click </div> ");

    $('ul li div.dropdown-toggle').on('click', function (event) {
        console.log("It's Working Jim!");
    });
});

这是我的jsfiddle链接 http://jsfiddle.net/m3Q5F/1/

JQuery On Click事件无法正常工作

3 个答案: