Question

我正在使用Jquery RateIt 插件以及更多按钮。所以在我的项目中，我正在显示这些插件的餐厅评级默认情况下，我显示前5个评级。然后在5个记录后我通过ajax显示其他内容所以在通过ajax评级的内容中没有显示我正在使用只读模式。。如果有人可以提前帮助你



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>

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> 现在是jquery的代码

/*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;
    });

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

Answer 1

在$ .post成功处理程序中，您应该在添加HTML后再次通过JavaScript调用rateit：

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

Answer 2

在您的ajax调用中将$(this_tag)替换为this_tag或$(this)。

Answer 3

您应该使用var this_tag = this;而不是var this_tag = $(this); 或者尝试var $(this_tag) = $(this);

在ajax调用之后，无法获得div class =“rateit”readonly模式中的值

3 个答案: