Question

以下是2支手风琴的代码（jquery ui）。第一个是使用html进行硬编码，第二个是通过jquery传递到文档就绪的页面。

HTML：[这个手风琴有效]：

<div class="accordion">
    <h3><a href="">one</a></h3>
    <div>aaaaaaaaaaaaaaaaaaaaaaaa</div>

    <h3><a href="">two</a></h3>
    <div>bbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>

PHP：[这种手风琴不起作用]

echo'
<div class="accordion">

    <h3><a href="">One</a></h3>
    <div>111111aaaaa</div>

    <h3><a href="">Two</a></h3>
    <div>222222aaaaa</div>

    <h3><a href="">Three</a></h3>
    <div>333333</div>  
</div>
';

如何让动态交付的手风琴也有效？

编辑：

$(document).ready(function(){

    $('#drag').draggable();
    $('.accordion').accordion();

    $.post('scripts/test.php', {  },
        function(output){
            $("div#test_php").html( output );
        }
    );

});

On Document Ready ==设置手风琴功能，然后从php脚本请求第二个手风琴，将其嵌入到DOM中。所有的PHP脚本都是为第二个手风琴回应代码。

Answer 1

如果你将动态注入到DOM中，你需要重新初始化手风琴。

$.post('scripts/test.php', {  },
        function(output){
            $("div#test_php").html( output );
            $('.accordion').accordion();
        }
);

PHP提供的jQuery UI组件不起作用？

1 个答案: