附加到可折叠元素的内容出现问题

Question

我在页面上有一个可折叠部分，一旦按下可折叠标题，我就会通过 ajax 调用附加更多元素。效果很好，出现进度条

$("div#showTicketForm").live("expand", function() {

 if (!isFormLoaded) {
      $.mobile.pageLoading();             
      $.get(
          "",
          "page=form&id=${id}&sub=${sub}",
          函数（数据）{
              $("div#showTicketForm").append(data).page();
              isFormLoaded = true;
              $.mobile.pageLoading(true);
      });         
  }   

});

问题是，单击标题时添加的内容不会折叠。

如何才能做到这一点？

Answer 1

[编辑]

抱歉，我没有仔细阅读。您正在使用 .page :P

您的问题是一个元素不能被 .page 多次使​​用。您必须重新创建您称为 div#showTicketForm 的 div 或在其中创建一个新的 div。