jquery - Raty 在引导弹出窗口中不起作用

Question

我在bootstrap popover 中添加了 raty 。它在引导弹出窗口中不起作用，但在外部起作用。这是一个js 小提琴。我错过了什么吗？谢谢

这是一个评级代码。在弹出窗口内我无法点击评级。

$('.ratings').raty({
    click: function(score, evt) {
        alert(score);
    }
 });

Answer 1

由于您在单击“悬停我”链接时正在更改 DOM，因此您可能需要重新加载 jQuery.raty 插件。他们似乎没有任何内置函数来处理这个问题，所以我找到的解决方案是再次调用相同的东西。另请注意，当用户必须实际“单击”才能看到弹出窗口时，您编写了“悬停”。你可以在这里找到我的小提琴，下面是小代码更新。

$('.link-container a').popover({
    content : function() {
        return $(this).siblings('.popover-content').html();
    }
}).click(function(e) {
    e.preventDefault();  //not sure this is necessary
    $('.ratings').raty({
        click: function(score, evt) {
            alert(score);
        }
    });
});

$('.ratings').raty({
    click: function(score, evt) {
        alert(score);
    }
});