Question

我正在尝试加载按钮上的ajax响应点击响应正确，我将这些响应正确添加到我想要的地方，但唯一的问题是响应部分手风琴无法正常工作。以下是我的回复：

<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>

我在span之后将响应放在foreach循环中：

<div class="tab-pane active" id="someid">
    <div class="ui accordion">
        <?php
        foreach($somevariable as $var)
        { ?>
            <div class="some class">some title</div>
            <div class="someclass">some content</div> 
            <span class="ca_eng"><?php $x;?></span>
        <?php $x++;
        }
        ?> 
    </div>
</div>

这是我的jquery代码

<script type="text/javascript">
    $(document).ready(function(){
        $('#readmore').click(function(){
            var limit = $(this).val();
            $.ajax({
                    url: "here is my url",
                    type:post,
                    data:{limit:limit},
                    sucess:function(result)
                    {
                        $limit1 = parseInt(limit)+10;
                        $('#readmore').val(limit);
                        $('.ca_eng').after(result);
                    }
            });
        });
    });
</script>

响应在<span class="ca_eng"></span>成功后追加，但响应部分手风琴无效。

我已成功尝试了append()功能，但它无效，我也在ajax方法的成功下尝试了以下代码：

$('.ui accordion').accordion();

我也试过这个：

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

但没有运气请提前帮助谢谢。

Answer 1

首先尝试应用手风琴并附加结果，如

$.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();
          }

Answer 2

尝试添加

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

refresh

手风琴没有在ajax响应中工作

2 个答案: