【问题标题】:Delegated on click not working on div [closed]委托点击不适用于 div [关闭]
【发布时间】:2014-11-16 12:36:10
【问题描述】:
  $(document).on('click', 'div.item_2', function(){
      alert('buy');
  });

该项目存在于页面上,无论如何,无论该元素是否存在,它都应该工作,它是一个委托点击,但我不明白为什么它不能在我的:

<div class="item_2">
</div>

没有事件移除器,我应该在哪里寻找错误?因为我看不出它不应该工作的任何理由......

【问题讨论】:

  • 我也没有。我的猜测是:你没有包含 jQuery。
  • @FelixKling,没有其他代码可显示,我只是不知道该怎么办......((
  • 如果真的没有其他东西可以显示,那么您还没有创建完整的 HTML 文档。
  • 尝试破解它:jsfiddle.net/6o4s1wfj 我们可能会帮助您修复它:)
  • div 有没有可以点击的实际内容? (也许是一个愚蠢的问题,但提供的代码有效所以问题一定是别的......)

标签: javascript jquery


【解决方案1】:

不可见的 div 不会触发点击。看到这个question。

【讨论】:

  • 怎么知道div不可见?
  • 哦,你真的有心灵感应能力,那是我的问题,谢谢!! :DD
  • 从我们看到的情况来看,那个 div 没有大小。这将使它不可见/不可点击。
  • @mmcrae:但是,这与此答案的内容不同。
  • @Huangism 短语“该项目存在于页面上”听起来像是 div 在标记中,但不一定可见。基于这个问题,似乎 div 是不可见的。
【解决方案2】:

你确定你已经在&lt;head&gt; 中包含了 jQuery 吗?

您是否在本地文件系统上运行?如果你从 google 的 jQuery 复制粘贴:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

它不适用于您的本地文件系统。您需要将 http: 添加到 url:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

【讨论】:

  • 根据 OP,他说 jQuery 包含在内,没有错误。
  • 仅仅因为包含了jQuery,并不意味着它被正确包含了。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2014-04-17
  • 2020-04-03
  • 1970-01-01
相关资源
最近更新 更多