javascript - Jquery Click 首先在 IBM Mobile 中不起作用

Question

下面是我在 main.js 文件中添加的代码

 $(function(){
    $(".menuHorizontal div").click(function(){
       console.log('hi');

    });
});

下面是我的 html DOM 结构

    <div class="menuHorizontal">
      <div class="yellow-borBottom">All</div>
      <div>Elevators</div>
      <div>Escalators</div>
      <div>Walkways</div>
  </div>

我的 jquery 点击功能不起作用，点击时没有事件。甚至它在控制台中也没有显示错误。请帮我解决这个问题

我也添加了一个单独的 Jquery 文件，但仍然无法工作

Answer 1

设置此范围的方式会将事件附加到 div 分配的类 menuHorizo​​ntal 中包含的所有 div。在您发布的代码中，没有这些!

<div class="menuHorizontal">mush be close with</div> // No divs inside here!

您过早关闭了带有 menuHorizo​​ntal 类的 div。下面两个选项。前者还将事件附加到“mush be close with”文本，而后者则不会。

<div class="menuHorizontal">
    <div>mush be close with</div>
    <div class="yellow-borBottom">All</div>
    <div>Elevators</div>
    <div>Escalators</div>
    <div>Walkways</div>
</div>

<div class="menuHorizontal">>mush be close with
    <div class="yellow-borBottom">All</div>
    <div>Elevators</div>
    <div>Escalators</div>
    <div>Walkways</div>
</div>

您是否尝试像这样的范围，将事件附加到带有类 menuHorizo​​ntal 的 div 上？

$("div.menuHorizontal").click(function(){
   console.log('hi');

您可能还想将范围更改为更高级别的 div，如下所示。 Google 事件冒泡了解更多信息

$(".menuHorizontal").click(function(){
   console.log('hi');

此外，请考虑使用 jQuery .on()，如下所示。它更流行一点，而且通常更灵活。 http://api.jquery.com/on/

$(function(){
    $(".menuHorizontal div").on('click', function(){
       console.log('hi');
    });
});