Javascript 无法在jQuery中刷新一个命令

网页最初会有一个按钮。单击后，它会添加两个accordions，其标题存储在列表中，这是单击事件处理功能的一部分。该按钮应创建从同一列表中读取的新手风琴，无论单击次数如何

<script>
  $(function() {
    $("#updateAccordion").click(function() {
      new_array = ['new_item1', 'new_item2']
      $("#mainAccordion").empty();
      var accordion_data = ''
      for (var i = 0; i < new_array.length; i++) {
        accordion_data += '<h3><a href="#">' + new_array[i] + '</a></h3><div class="accordion">'
        accordion_data += '</div>'
      }

      $("#mainAccordion").append(accordion_data)
      $(".accordion").accordion({
        heightStyle: 'content',
        active: false,
        collapsible: true
      });
    });
  });

</script>
<button id="updateAccordion">Apply</button>

<div class="accordion" id="mainAccordion">
</div>

$（函数（）{
$（“#updateAccordion”）。单击（函数（）{
new_数组=['new_item1'，'new_item2']
$（“#主手风琴”）.empty（）；
var accordion_数据=“”
对于（var i=0；i

这是第一次按预期工作。但是，再次单击它时，它不会创建任何手风琴。它只是创建链接

---

可以找到小提琴。

在您的程序中发现了几个问题

• 您没有放置

  在表达式的末尾。例如
  var accordion\u data=''

• 如果您想使用jqueryaccordion，那么应该使用

  jquery.js

  、

  jquery ui.js

  和

  jquery ui.css

  这些库
• 要更新您的手风琴，您应该首先销毁它，然后使用手风琴选项重新启动它

遵循下面的代码，这是完美的工作

$（函数（）{
$（“#主手风琴”）。手风琴({
高度样式：“内容”，
活动：错误，
可折叠：正确
});
});
$（函数（）{
$（“#updateAccordion”）。单击（函数（）{
var new_array=['new_item1'，'new_item2']；
$（“#主手风琴”）.empty（）；
var accordion_数据=“”；
对于（var i=0；i
第2节内容
第3节内容

第4节内容

在您的程序中发现了几个问题

• 您没有放置

  在表达式的末尾。例如
  var accordion\u data=''

• 如果您想使用jqueryaccordion，那么应该使用

  jquery.js

  、

  jquery ui.js

  和

  jquery ui.css

  这些库
• 要更新您的手风琴，您应该首先销毁它，然后使用手风琴选项重新启动它

遵循下面的代码，这是完美的工作

$（函数（）{
$（“#主手风琴”）。手风琴({
高度样式：“内容”，
活动：错误，
可折叠：正确
});
});
$（函数（）{
$（“#updateAccordion”）。单击（函数（）{
var new_array=['new_item1'，'new_item2']；
$（“#主手风琴”）.empty（）；
var accordion_数据=“”；
对于（var i=0；i
第2节内容
第3节内容

第4节内容

实际上您正在删除以前添加的accordin并再次添加它们

$（“#mainccordin”）.empty（）是。。这就是我想做的。但由于某种原因，“再次添加它们”并没有像现在这样发生expected@Anvith，请看我的答案，如果有帮助，请告诉我。@Anvith，如果它完全满足您的要求，那么您也可以给我一票实际上，您正在删除以前添加的accordin并再次添加它们是。。这就是我想做的。但由于某种原因，“再次添加它们”并没有像现在这样发生expected@Anvith，请看我的答案，如果有帮助，请告诉我。@Anvith，如果它完全满足您的要求，那么您也可以给我一票