javascript - 从函数创建动态弹出框

我正在翻译社交网络上工作，在帖子中，我需要显示每个建议的投票统计信息（类似于stackoverflow中的答案），因此，只要用户将鼠标悬停在带有动态内容的标签上，就需要创建弹出窗口。

    function Popx(id)
{
    $(id).popover({//here is my problem, I want dynamic id not static
        html: true,
        trigger: 'hover',
        content: function () {
            return $.ajax({url: 'ajax/ajaxpopoverstat.php?uid=1',
                dataType: 'html',
                async: false}).responseText;
        }
    }).hover(function (e) {
        $(this).popover('toggle');
    });
}

<div class="label label-default" style="background-color: orange; font-size: x-large" data-poload="ajax/ajaxpopoverstat.php" id="xword"  onmouseover="Popx(this.id)">Suggested Word</div>

有什么帮助吗？

最佳答案

基于您在popover函数中使用的触发器，我猜您只是希望popover对元素做出反应，而您不一定希望在函数中使用它。如果我是正确的，那么this JSFIDDLE example should do exactly what you need

$(document).ready(function(){
    $('div.label').popover({ //here is my problem, I want dynamic id not static
      html: true,
      trigger: 'hover',
      content: function() {
        return "Skittles and ids of: " + $(this)[0].id;
      }
    }).hover(function(e) {
      $(this).popover('toggle');
    });
});

同样在这个更新的小提琴中，我得到了您的弹出窗口以正确切换：
Updated Fiddle

关于javascript - 从函数创建动态弹出框，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/39800109/