Jquery UI Accordion,加载内容后没有刷新

时间:2013-03-06 18:54:53

标签: jquery wordpress jquery-ui-accordion

在wordpress网站中,我有加载边类别和类别内容。现在我的内容是用手风琴格式设置的。所以你知道我在这里所做的是我正在处理的link。我的问题是你可以看到,当我点击左边的一个类别时,第一次手风琴可以工作,但是当我点击另一个类别时它会完全混乱。我已经尝试过几件事而且什么也没做。到目前为止,这是我所拥有的:

$(document).ready(function () {
$('.categorias li').click(function(){
        var id = $(this).attr('id');
        $('#subtitle').html($(this).find('#title').html()); 
    $('#acc').html($('#' + id + '-content').html()).accordion({
            autoheight: false

       });

});

我也尝试过:

 $('#acc').html($('#' + id + '-content').html())
 $('#acc').accordion(.accordion({ clearStyle: true });

但是你看不到任何事情。有什么想法吗?

1 个答案:

答案 0 :(得分:0)

这可能会或可能不会帮助您简化,但我想我会抛弃我如何处理手风琴菜单。它在每个标签之间折叠......

<div id="right_area">
    <h3><a href="#">New Client Entry:</a></h3>
        <div id="sub_cat">
            <h4><a href="#">this is sub:</a></h4>
            <div>yo yo</div>
            <h4><a href="#">this is sub:</a></h4>
            <div>yo yo</div>
        </div>
    <h3><a href="#">Old Client Entry:</a></h3>
    <div>hello there</div>
</div>



$(document).ready(function() {
    $("#right_area").accordion({
        collapsible: true,
        active: false,
        clearStyle: true
    });
  });


    $("#sub_cat").accordion({
        collapsible: true,
        active: false,
        clearStyle: true
    });

http://jsfiddle.net/LSg36/2/