未触发 JQuery JSON 回调

Question

我正在使用 Yii 框架并尝试在我的 gridview 上启用 CStarRating。在输出 HTML 源代码中，我有以下内容：

<tr class="odd">
  <td>Bob</td><td>
    <span class="rating" id="6">
    <input id="6_0" value="1" type="radio" name="6" />
    <input id="6_1" value="2" type="radio" name="6" />
    <input id="6_2" value="3" type="radio" name="6" />
    <input id="6_3" value="4" type="radio" name="6" />
    <input id="6_4" value="5" type="radio" name="6" />
    </span>
  </td>
</tr>
<tr class="even">
  <td>Peter</td>
    <span class="rating" id="9">
    <input id="9_0" value="1" type="radio" name="9" />
    <input id="9_1" value="2" type="radio" name="9" />
    <input id="9_2" value="3" type="radio" name="9" />
    <input id="9_3" value="4" type="radio" name="9" />
    <input id="9_4" value="5" type="radio" name="9" />
    </span>
  </td>
</tr>

在 HTML 正文中，我有以下内容：

<script type="text/javascript">

  jQuery(function($) {
    jQuery('#6 > input').rating({'callback':function(){
                url = "clients/update";
                jQuery.getJSON(url, {id_client: '6', val: $(this).val()},
                function() {
                   if (data.status !== "success"){
                        alert("error");
                   }});}});
    jQuery('#9 > input').rating({'callback':function(){
                url = "clients/update";
                jQuery.getJSON(url, {id_client: '9', val: $(this).val()},
                function() {
                   if (data.status !== "success"){
                        alert("error");
                   }});}});

  });
</script>

但是当我点击星星时，什么也没发生。我是 JQuery 和 JSON 的新手，所以任何帮助都将不胜感激。谢谢！

Answer 1

忘记 HTML 和 jQuery。使用 Yii 你有这条线（或类似的东西）调用评级明星：

$this->widget('CStarRating',array('name'=>'rating'));

如果您想在您的Rating Stars 上添加CallBack，您可以在选项数组中添加回调，如下所示：

$this->widget('CStarRating',array('name'=>'rating','callback'=>'myFunctionCallBack'));

当星星被点击（see this）时，这个回调将被执行。

Yii CStarRating 是一个基于 jQuery Star Rating 的小部件，你用 jQuery 扩展做的所有事情，你都可以用 Yii 小部件来做。因此，请发送look here 以获取有关扩展的更多信息。

如果您想了解有关该小部件的更多信息（我建议您这样做），请查看文档here。

使用小部件的一些示例：

一些属性：

<?php
$this->widget('CStarRating',array(
            'name'=>'rating_1',
            'value'=>'4',
            'minRating'=>1,
            'maxRating'=>10,
            'starCount'=>10,
            ));
?>

使用 Ajax：

<?php
$this->widget('CStarRating',array(
    'name'=>'star_rating_ajax',
    'callback'=>'
        function(){
                $.ajax({
                    type: "POST",
                    url: "'.Yii::app()->createUrl('cstarrating/ajax').'",
                    data: "star_rating=" + $(this).val(),
                    success: function(data){
                                $("#mystar_voting").html(data);
                        }})}'
  ));
echo "<br/>";
echo "<div id='mystar_voting'></div>";
?>

更多例子可以看this article，对你有帮助。