php - ajax调用后无法获取div类="rateit"只读模式中的值

Question

我正在使用带有“查看更多”按钮的 Jquery RateIt 插件。所以在我的项目中，我默认使用这些插件显示餐厅评级，我显示前 5 个评级。然后在 5 条记录之后，我通过 ajax 显示其他内容，因此在通过 ajax 评级加载的内容中不会显示我正在使用只读模式。 .如果有人可以帮忙提前致谢



<pre><code>foreach($list_review as $row): ?>
<div class="user_reviews_data">
<div class="width-20 float-left">
<span class="padleft-10"><?php echo $row->User; ?> </span>
<br/>
<span class="padleft-10">
**<div class="rateit" data-rateit-value="<?php echo $row->Rating;?>" data-rateit-ispreset="true" data-rateit-readonly="true"></div>**
</span>
<div class="muted padleft-10 float-left"><small><?php echo date('dS M Y' ,strtotime($row->CreatedDate)); ?></small></div>
</div>
<div class="width-80 float-left"><?php echo $row->Feedback;?></div>
<span class="report_span"><a href="<?php echo site_url('report_form/index/review/'.$rest_detail->Id.'/'.$row->Id);?>" class="pop-up" data-element_id="<?php echo $row->Id; ?>">Report this Feedback <img src="<?php echo base_url();?>themes/images/FLAG_GREY.png"></a></span>
</div>
<?php
$msg_id=$row->Id;
endforeach;?>
</div>

<div id="more<?php echo $msg_id; ?>" class="btn-container center_text morebox">
<a href="javascript:;" class="more btn orange_signup" id="<?php echo $msg_id; ?>" data-restid="<?php echo $rest_detail->Id; ?>" title="view more">View More</a>
</div>
</code></pre>



现在jquery的代码



<pre><code>/*view More Button*/
$('.more').live("click",function()
{
var this_tag = $(this);
var ID = $(this).attr("id");
if(ID)
{
$.post(siteUrl+"ajax/ajax_more",{lastmsg:ID,restid:$(this_tag).data("restid")},function(html){
$("ol#updates").append(html);
$("#more"+ID).remove();// removing old more button
});
}
else
{
$(".morebox").html('The End');// no results
}
return false;
});
</code></pre>



我在查看更多按钮上添加内容，点击ajax ajax代码与上面的代码相同我正在使用这个插件http://www.radioactivethinking.com/rateit/example/example.htm

Answer 1

在 $.post 成功处理程序中，您应该在附加 HTML 后通过 JavaScript 再次调用rateit，如下所示:

 $("ol#updates").append(html);
 $(".rateit").rateit();