Question

我试图将twitter bootstrap中的popover分配给一个通过ajax加载的元素，我有这个：

        $(document).on("click", ".checkRezolvataTrecut", function(event){
        switch(dataCheckTrecut[1]) {
            case '02': 
                var luna = "Februarie";
                break;
        }
        $(".checkRezolvataTrecut").popover({
            placement: "top",
            content: "<button class='btn btn-default mutaTrecut' style='width: 100px;'>" + luna + "</button><button class='btn btn-default mutaCurent' style='width: 100px;'>Luna curenta</button>",
            html: true

        });
    });

问题是，第一次点击没有任何反应。第一次点击后，它的工作原理。提到的是，我并没有太了解bootstrap js。有什么想法吗？

谢谢！

Answer 1

通常情况下，在第一次点击时没有任何反应，因为它是在您设置弹出窗口的第一次点击时，一旦设置（在第一次点击中），弹出窗口将在下次点击中显示，

如果你想在第一次点击时显示它，你应该在jquery准备就绪时设置popover：

$( document ).ready(function() {
   switch(dataCheckTrecut[1]) {
        case '02': 
            var luna = "Februarie";
            break;
    }
    $(".checkRezolvataTrecut").popover({
        placement: "top",
        content: "<button class='btn btn-default mutaTrecut' style='width: 100px;'>" + luna + "</button><button class='btn btn-default mutaCurent' style='width: 100px;'>Luna curenta</button>",
        html: true

    });
});

在ajax加载的内容上的twitter bootstrap popover

1 个答案: