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

Question

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

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

我在汽车评论索引中的代码：

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

这里有什么提示吗？

谢谢我先进。

Answer 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');