实时功能的问题



我正在使用 .live 函数来触发函数 aaa()。无法触发函数,因为代码未达到警报消息我的 html 的结构是

.HTML:

<body id="plants">
  <form id= flower method="post">
    <div class= "rose">
      <div class= "red">
        <ul id = "colors">
          <li>
            <a></a>
          </li>
          <li>
            <a></a>
          </li>
          <li>
            <a></a>
          </li>
        </ul>
      </div>
    </div>
  </form>
</body>

我正在使用

*JS : *

$( 'body#plants form#flower div.rose div.red ul#colors li a' ).live('click', function(){
  alert('code reaches');
  aaa();
});

我怎样才能让它工作?

为什么不呢?

$('#colors li a').live('click', function(){
     alert('code reaches');
     aaa();
});
ID

是唯一的,您可以使用 ID 选择器。没有必要从 body 标签中开始选择元素,jQuery 选择器的工作方式类似于 CSS 选择器。此外,live方法已弃用,您可以改用on方法。

$(document).ready(function(){
    $(document).on('click', '#colors a', function(){
         alert('code reaches');
         aaa();
    });
})

试试

$("#colors a").click(function() {...} 

另外,不要忘记文档.ready

我在HTML中看不到resultsContainer。也许这就是问题所在?

最新更新