Question

我正在使用raty来执行评级功能，我在弹出窗口中显示它。

问题是，当我第一次点击链接时，它正确地创建了星星，但是，当我第二次点击时，星星被复制，因此它会弹出10颗星而不是5星。

$('#member1').popover({
    html: true,
    placement: 'bottom',
    content: function() {
        return $($(this).data('contentwrapper')).html();
    }
}).click(function() {
    $('.star').each(function(el) {
        $(this).raty({
            starOff : 'http://wbotelhos.com/raty/lib/images/star-off.png',
            starOn : 'http://wbotelhos.com/raty/lib/images/star-on.png',
            start: $(this).attr('data-rating')
        });
    });
});

我在此fiddle中复制了错误。

任何人都可以让我知道如何解决这个问题，因此，只显示5星？

感谢!!!!

Answer 1

我对raty并不过分熟悉，但似乎你需要在第二次或第三次运行代码之前销毁现有的。

$(this).raty('destroy');

类似的东西，检查raty doc的确切实施

Answer 2

请查看此代码

$('#member1').popover({
        html: true,
        placement: 'bottom',
        content: function() {
            return $($(this).data('contentwrapper')).html();
        }
    }).click(function() {
        $('.star').each(function(el) {
          $(this).raty('destroy');
            $(this).raty({

                starOff : 'http://wbotelhos.com/raty/lib/images/star-off.png',
                starOn : 'http://wbotelhos.com/raty/lib/images/star-on.png',
                start: $(this).attr('data-rating')
            });

        });
    });

演示：http://jsfiddle.net/x9WhH/3/

Bootstrap popover复制代码

2 个答案: