javascript - 如何使用 Jquery“ON”预处理 HTML 内容？

Question

我有非常简单的 jQuery Accordion，它工作正常，现在的问题是，如果我从 DB 或从 JSON 动态加载手风琴内容到页面，它不起作用，因为没有信息可以让 DOM 了解类或 ID新注入的。所以我试图使用 Jquery ON 代替 live 或委托来捕获注入的元素。我的示例代码是..

jQuery("#header").on("click", function () {
 .... my accordion code here
});

但是jquery“on”会在任何事件上触发，比如点击什么的，所以如何处理手风琴html内容以保持在初始级别打开并进一步点击。

这怎么可能？我无法解决任何问题

Answer 1

检查这个：http: //jsfiddle.net/RMBpt/

我添加了什么：

var isActive = $(this).is('.on');
if(!isActive) { .. if active, it shouldn't collapse? }

//First element should be active, needs to be after the hide()
$('.accordionButton:first').addClass('on').next().slideDown('normal');

---

尝试像这样使用它：

$("#wrapper").on("click", ".accordionButton", function(event){
    //Your accordian code here
});