jQuery Raty 在使用浏览器的导航来回前进时重复星星

Posted 2023-05-09

【中文标题】jQuery Raty 在使用浏览器的导航来回前进时重复星星

【英文标题】：jQuery Raty duplicates stars when going back and forward using browser's navigation

【发布时间】：2021-04-17 20:18:36

【问题描述】：

我有一个关于 jQuery Raty 插件的问题。

我有一个列出汽车帖子的页面，其中每个帖子的评分为 1-5。当我转到特定的汽车帖子并使用 Chrome 导航中的后退箭头返回显示所有汽车帖子的页面时，星星会重复。所以从 5 星我得到 10 星。

我在汽车 cmets 索引中的代码：

    $('.review-rating').raty(
      readOnly: true,
      score: function() 
        return $(this).attr('data-score');
      ,
      path: '/assets/'
    );

这里有什么提示吗？

谢谢你的进步。

【参考方案1】：

您可以重新加载以避免这种情况，也许不要忘记 preventDefault 和 stopPropagation。但是为了避免星星的重复，试试这个$('.review-rating').raty('reload');

//e.stopPropagation();
//e.preventDefault();
$('.review-rating').raty(
  readOnly: true,
  score: function() 
    return $(this).attr('data-score');
  ,
  path: '/assets/'
);
$('.review-rating').raty('reload');