javascript - jquery - 单击事件绑定并在页面加载时启动

Question

快乐星期五 errybody！

好的，所以当加载特定类的 div 时，我无法绑定“点击”事件。

发生的情况是加载时触发了“点击”事件。我什至在绑定之前尝试过取消绑定。

onAppLoad = function() {
  console.log('span 4 loaded');

  hovering = function() {
    console.log('hovering!');
  }

  $.each($('.span4 > a'), function() {
    var whichApp = $(this).attr('data-content');

    $(this).unbind('click');
    $(this).bind('click', hovering());

  })   
}

$('.span4').load(onAppLoad());

Answer 1

你有一个语法错误：

 $(this).bind('click', hovering());

在这里，您正在调用该函数hovering，而您希望它提供参考。试试这个 ：

 $(this).bind('click', hovering);

你.load()也错了（出于同样的原因）。

$('.span4').load(onAppLoad);

关于.each. 当你迭代一个 jquery 对象时，你应该这样写：

$('.span4 > a').each(function() {})

Answer 2

我在您的代码中看到了几件事：
1.您缺少 2 的右括号onAppLoad()
。更改$(this).bind('click', hovering());为$(this).bind('click', hovering);
3.更改$('.span4').load(onAppLoad());为$('.span4').load(onAppLoad);

出于好奇，为什么不将所有事件处理程序放在一个$(document).ready()事件中？