实时功能问题

时间:2012-09-13 15:28:27

标签: jquery

我正在使用.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();
});

我怎样才能让它发挥作用?

3 个答案:

答案 0 :(得分:4)

为什么不呢?

$('#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();
    });
})

答案 1 :(得分:2)

尝试

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

另外,不要忘记document.ready

答案 2 :(得分:0)

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