Jquery ui 手风琴内部II Clistview-不工作

Jquery ui 手风琴内部II Clistview-不工作,jquery-ui,jquery,yii,Jquery Ui,Jquery,Yii,我在页面加载上使用Yii框架组件CLISTVIEW,ajax手风琴停止工作 我试过跟踪,但没有成功 $(".items").on('load',function(){ $(this).accordion(); }) 当我在表单加载中更改事件类型以单击时,它开始工作。这里应该调用什么样的事件类型。Accordion插件需要此类内容: <h3>Section 1</h3> <div> <p>Content section 1</p>

我在页面加载上使用Yii框架组件CLISTVIEW,ajax手风琴停止工作

我试过跟踪,但没有成功

$(".items").on('load',function(){
$(this).accordion();
})


当我在表单加载中更改事件类型以单击时,它开始工作。这里应该调用什么样的事件类型。

Accordion插件需要此类内容:

<h3>Section 1</h3>
<div>
    <p>Content section 1</p>
</div>
<h3>Section 2</h3>
<div>
    <p>Content section 2</p>
</div>
但如果我了解你的情况,你有这样的代码:

<body>
    <div class="items">
        <h3>Section 1</h3>
        <div>
            <p>Content section 1</p>
        </div>
    </div>
    <div class="items">
        <h3>Section 2</h3>
        <div>
            <p>Content section 2</p>
        </div>
    </div>
</body>
使用此脚本,首先读取I.wrapAll.items元素,然后根据手风琴插件的需要重写元素:

    <script>
        $(function() {
            $('.items').wrapAll($('<div>').attr('id','accordion'));
            $.each($('.items'),function(){
                $(this).remove();
                $('#accordion').append($(this).html());
            });
            $('#accordion').accordion();
        });
    </script>
HTML将是:

<div id="accordion">
    <h3>Section 1</h3>
    <div>
       <p>Content section 1</p>
    </div>
    <h3>Section 2</h3>
    <div>
        <p>Content section 2</p>
    </div>
</div>

手风琴也能很好地工作。

你能从视图的其余部分添加更多的代码吗,这样问题就有了更多的上下文。这将使您更容易提出建议/解决方案