Jquery 工具（手风琴/标签）+ LiveQuery

Question

我正在使用 jquery 工具 + livequery。我有一个有 4 个元素的水平手风琴。在初始页面加载时，它们是由 PHP 脚本创建的，因此手风琴效果很好 - 第一个选项卡打开，一切都正常滑动。 （就像在这个例子中：http://flowplayer.org/tools/demos/tabs/accordion-horizontal.html）

我有一个计时器事件，它通过 JSON 重新加载手风琴元素。一旦发生这种情况 - 选项卡不会被激活。重新加载手风琴后，我一直在尝试附加一个 livequery 事件，但我无法弄清楚。

结构是这样的：

<div id="accordion">
<div class="accordion_element>[tab content]</div>
<div class="accordion_element>[tab content]</div>
<div class="accordion_element>[tab content]</div>
<div class="accordion_element>[tab content]</div>
</div>

我通过以下方式激活手风琴：

$("#accordion").tabs("#accordion .div_body", {
    tabs: '.img_bgr', 
    effect: 'horizontal'
});

它就像一个魅力 - 第一个标签被展开，其他标签可点击并在点击时展开。然后每分钟触发一次：

$.getJSON("accordion.php", function(json){
    $.each(json, function(key, val) {
    //-------parse json here and append each accordion_item (I empty the accordion prior)
    $('#accordion').append(accordion_item);
    });
});

所以此时我有一个漂亮的手风琴，但它没有被激活 - 它只是标签。

如何将 livequery 事件附加到以下内容，以便它影响未来对#accordion 的所有更新？

$("#accordion").tabs("#accordion .div_body", {
    tabs: '.img_bgr', 
    effect: 'horizontal'
});

---

基本上我需要能够将 .live（或 livequery）分配给 .tabs，这将控制所有点击等。

在此页面上 - http://flowplayer.org/tools/demos/tabs/accordion-horizontal.html
想象一下 3 张图片 + 暴露的文本被 json 重新加载，而 .tabs 没有进一步的效果。

这样（当然不行）

$("#accordion").live( '.tabs', function(){
"#accordion .div_body", {
tabs: '.img_bgr', 
effect: 'horizontal'
};

Answer 1

你试过了吗？

$("#accordion").livequery(function() {
  $(this).tabs("#accordion .div_body", {
    标签：'.img_bgr',
    效果：“水平”
});