【问题标题】:Event in jQuery not workingjQuery中的事件不起作用
【发布时间】:2017-01-25 15:14:47
【问题描述】:

我的程序中有这段代码,但该事件没有从 Codepen 中的 JS 执行任何操作,但是当我从 Debug View 将其粘贴到 javascript 控制台中时,它可以工作。

$('.peg-row--selected').children().click(function(e) {
  console.log("hi");
  $(e.target).attr('data-peg',$('.peg-selector--selected').attr('data-peg'));
});

【问题讨论】:

标签: javascript jquery events event-handling codepen


【解决方案1】:

在绑定事件之前确保你的元素存在,试试这个:

$(document).ready(function(){
  $('.peg-row--selected').children().click(function(e) {
    console.log("hi");
    $(e.target).attr('data-peg',$('.peg-selector--selected').attr('data-peg'));
  });
});

【讨论】:

  • 我应该对我的所有活动都这样做吗?
  • 可以,但是它们可以在同一个ready里面(也写成$(function() { .... });
  • 如果没有完整的环境背景,您如何尝试回答这个问题?
  • 问题是您不能将事件绑定到不存在的元素。因此,对于所有事件,您必须确保您绑定它的元素存在。如果元素在页面加载后立即存在,则可能是这样的
  • @seemly,经验啊哈.. 更严重的是我不知道这就是为什么我说“试试这个”
猜你喜欢
  • 1970-01-01
  • 2012-05-01
  • 1970-01-01
  • 1970-01-01
  • 2013-12-18
  • 2018-10-21
  • 2016-03-28
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多