关于子内容的点击事件的Javascript

Question

我在我的javascript中点击事件

$('.nav_options_ele').on('click', function (e) {}

当用户点击nav_options_ele div

时会发生哪些点击

但是，当用户点击div中的某些文字时，点击不起作用，如下所示

<li class="nav_options_ele" id="hot_topics">
    <span class="nav_options_text">Hot Topics</span>
</li>

当用户点击文本时，我如何让它运行代码

Answer 1

以这种方式试试

$(document).ready(function(){
    $('.nav_options_ele').on('click', function (e) {
        alert('clicked');
    });

});

等待内容加载

这是一个工作示例：

http://jsfiddle.net/7WcaV/

Answer 2

你的例子适合我：

http://jsfiddle.net/swy3Q/

$('.nav_options_ele').on('click', function (e) {
    alert('clicked');
});

<li class="nav_options_ele" id="hot_topics">
   <span class="nav_options_text">Hot Topics</span>
</li>

当您在HTML上使用事件时，事件也将附加到所有嵌套HTML。也许你错过了）;在活动宣言结束时？

Answer 3

好吧基本上我通过在跨度中将相同的Id放在li中来实现它。

Answer 4

使用     $（“[class ^ = nav_option]”）。on（'click'，function（）{}）;