1

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

我试过跟随，但没有用

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

});

当我在表单加载中更改事件类型以单击它开始工作。在这里调用的正确事件类型是什么。

4

1 回答 1

0

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>

使用此脚本，我首先 .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>

手风琴会很好用。

于 2012-12-19T15:25:33.027 回答