奇怪的JavaScript类型铸造

Question

我正在显示对最初显示为选项卡的特定实体的反馈和评级。当用户点击一个标签，我正在使用

$.get() 

的$.get()返回是这样的

some arbit html|||8 

反馈和评价，我分裂使用|||并获得评级这是该数据8在这种情况下。

 $.get('prevfeed.php',{text:text},function(data){ 
     data = data.split("|||"); 

     $('#prevFeedback').html(data[0]); 
     $('body').data('rating', parseInt(data[1])); 
     alert(parseInt(data[1])+1); 
    }); 

问题在这里。我正在使用此plugin来显示星级评分。以下是初始化代码

 $('#star').raty({ 
     readOnly: true, 
     number : 10, 
     start: $('body').data('rating') 
    }); 

无论我做什么该评级不起作用。如果我把一个数字而不是$('body').data('rating')，它工作正常。

最初我尝试使用$('body').data('rating')设置隐藏输入字段的值，然后将输入字段的val分配给开始。但它是没用的。

在此先感谢

P.S：看到我编辑的代码

 $('#star').raty({ 
      readOnly: true, 
      number: 10, 
      start: function() { alert($('body').data('rating'););return $('body').data('rating'); } 

当我包括警报，这是工作的答案。所以这就像我只需要重视这些代码。这个怎么做。 }）;

Answer 1

这是因为在body上设置rating属性的代码会延迟到AJAX调用完成。

但是，您将在页面加载时启动raty插件;其中rating数据属性仍为undefined。

你将不得不推迟插件的初始化，直到AJAX调用完成：

$.get('prevfeed.php', { 
    text: text 
}, function(data) { 
    data = data.split("|||"); 

    $('#prevFeedback').html(data[0]); 
    $('body').data('rating', parseInt(data[1])); 

    $('#star').raty({ 
     readOnly: true, 
     number: 10, 
     start: $('body').data('rating') 
    }); 
});​ 

Answer 2

马特给了应工作的解决方案。另一个解决方案可能是，从现在开始点击标签，从prevfeed.php获取数据并尝试相应地设置评分。

你可以试试这个。

在点击标签：

$("#star").raty ({ 
readonly: true, 
number: 10, 
start: function(){ 
//get the rating now, 
$.get('prevfeed.php',{text:text},function(data){ 
     data = data.split("|||"); 

     $('#prevFeedback').html(data[0]); 
     $('body').data('rating', parseInt(data[1])); 
    }); 
//Now you got the rating, just return it 
return $('body').data('rating'); 
} 
} 
); 

附：我没有尝试过，但它应该可以工作;）