jQuery：点击功能和ajaxy插件答案

【问题标题】：jQuery: click function and ajaxy pluginjQuery：点击功能和ajaxy插件
【发布时间】：2013-03-11 12:12:48
【问题描述】：

我正在使用 balupton ajaxy 插件。

我正在尝试使用 on("click") 函数在元素上添加一个类，但由于处理特定元素上的点击功能的 ajaxy 插件，它不起作用。

我有这个清单：

<ul class="menu">
   <li><a href="company.html" class="ajaxy ajaxy-page"> company</a>
   <ul>
      <li><a href="aboutus.html" class="ajaxy ajaxy-page">aboutus</a></li>
      <li><a href="contactus.html" class="ajaxy ajaxy-page">contactus</a></li>
      </ul>  
      </li>
   <li><a href="services.html" class="ajaxy ajaxy-page">services</a></li>
</ul>

我试过这个，它适用于“li”，但不适用于“a”元素。

$(".menu li").on("click", function(){
  alert("aa");
});

任何帮助将不胜感激。

【问题讨论】：

你试过什么？请发布您的代码，或者更好的是，制作一个 JSFiddle.net

标签： jquery jquery-click-event

【解决方案1】：

我会将您的新点击处理程序放在插件代码之外，可能在它之后。

//Plugin code here
// $(".menu li").click(function(){
  alert("aa");
 });

或者，您可以探索 AJAXY 插件是否提供回调功能？

【讨论】：

【解决方案2】：

如果你想让 LI 和 A 回应，我会试试这个：

$(document).ready(function(){
  $(".menu li,.menu a").on("click", function(){
    alert("aa");
  });
});

并且不要忘记在文档就绪时调用它，以便在插件完成后对其进行初始化。

加速

【讨论】：