Javascript accordion在ajax响应中不起作用

我试图在按钮上加载ajax响应，单击响应正确，我将这些响应正确地附加到我想要的位置，但唯一的问题是，对于响应部分，accordion不起作用。以下是我的回应：

<div class="articles-content title">here is some title</div>
    <div class="articles-content content exam-details">
         <p style="text-align: justify;">
              <span style="font-size:14px;">
                  <span style="font-family: verdana,geneva,sans-serif;">here some content</span>
              </span>
         </p>
    </div>

我也试过这样做：

$('.ui accordion').accordion({
    active:false,
    collapsible:true
});

---

但是运气不好，请提前帮忙谢谢。

试着先用手风琴，然后像这样附加结果

$.ajax({
          url: "here is my url",
          type:post,
          data:{limit:limit},
          sucess:function(result)
          {
              $(result).find('.ui accordion').accordion();
              $limit1 = parseInt(limit)+10;
              $('#readmore').val(limit);
              $('.ca_eng').append(result);
          }
 });

或者你也可以试一下

sucess:function(result)
          {
              $limit1 = parseInt(limit)+10;
              $('#readmore').val(limit);
              $('.ca_eng').append(result);
              $('.ca_eng').find('.ui accordion').accordion();
          }

尝试添加

 $('.ui accordion').accordion("refresh");  in success

$.ajax({
          url: "here is my url",
          type:post,
          data:{limit:limit},
          sucess:function(result)
          {
              $(result).find('.ui accordion').accordion();
              $limit1 = parseInt(limit)+10;
              $('#readmore').val(limit);
              $('.ca_eng').append(result);
          }
 });

sucess:function(result)
          {
              $limit1 = parseInt(limit)+10;
              $('#readmore').val(limit);
              $('.ca_eng').append(result);
              $('.ca_eng').find('.ui accordion').accordion();
          }

 $('.ui accordion').accordion("refresh");  in success