我正在尝试在按钮上加载ajax响应,点击响应正确,并将这些响应正确地附加到我想要的地方,但唯一的问题是响应部分Accordo不起作用。以下是我的回复:
<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>
CCD_ 1后的响应追加成功,但响应部分手风琴不工作。
我已经成功地尝试了append()
函数,但它不起作用,我还尝试了以下ajax方法的成功代码:
$('.ui accordion').accordion();
我也试过这样做:
$('.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
刷新