Question

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

我试过跟随，但它没有用

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

}）;

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

Answer 1

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>

手风琴将正常工作。

手风琴insideYii Clistview - 不工作

1 个答案: