jQuery选择器单击功能说明

时间:2013-08-16 23:38:33

标签: javascript jquery jquery-selectors

我理解中的差距是我喜欢填充的;

我有一个像这样的基本jQuery点击功能..

 $('.cl').each(function(e)
 {
      alert('works');
      $(this).click(function()
      {
        alert('no works');
      });
 });

我的HTML是这样的:

<body>
<div id='c0'>
    <div class='bO cl'>Button</div>
</div>
</body>

基本的东西。

“工作”警报被解雇了 - 但是点击功能没有任何反应 - “没有工作”没有被解雇。

另外

$('.cl').click(function()
{
    alert('help');
});

不起作用。简单的东西,我确定,但我错过了一些东西。

为什么会这样?

1 个答案:

答案 0 :(得分:0)

要确保一件事是在初始化DOM和jQuery后运行事件处理程序,这样做:

$(function() {

   $('.cl').click(function()
   {
      alert('help');
   });

});

另外,如果您的cl在事件之后被加载,例如通过Ajax调用,您可以替代地执行此操作

$("body").on("click", ".cl", function() {
   // Your code here
})

这会向body注册click事件,但只有在实际目标的类型为cl时才会调度。