Question

我坚持使用动态手风琴来处理jQuery POST内容。

在firtpage.php中，我有手风琴div和动态表内容。

firstpage.php

<div id="accordion">
  <h3>section 1</h3>
  <div>
     <table>
     //dynamic table using php scripts
     </table>
  </div>
  <h3>section 2</h3>
  <div>
     <table>
     //dynamic table using php scripts
     </table>
  </div>
</div>

在第二页中，我使用jQuery $.post方法加载了firstpage.php，并且成功后，我设置了相应的函数。

secondpage.php

<p id="click">reload</p>
<div id="result"></div>

$('#click').click(function() {

    $.post('firtpage.php, function(data) {
    $('#result').html(data);
        $("#accordion").accordion({
    collapsible: true,
    active: false,
    heightStyle: "content"
    });
});
});

第一次，当我点击p标签时，手风琴正常工作。当我第二次点击时，手风琴不工作。

在这里，我需要实现的目标，每次加载第一页时，这些部分都应该是手风琴。

Answer 1

您应该再次填充accordion()。请尝试这个解决方案。

$('#click').click(function() {
    $.post('report.php', function(data) {

        // Destroy your old accordion
        $("#accordion").accordion("destroy");

        $('#result').html(adata);
        $("#accordion").accordion({
             collapsible: true,
             active: false,
             heightStyle: "content"
        });
    });
});

演示：http://jsbin.com/tokuda/2/

手风琴在jquery $ .post中加载时无法正常工作

1 个答案: