ajax加载内容上的twitter bootstrap popover

Question

我正在尝试将 twitter bootstrap 中的弹出框分配给通过 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 准备好时设置弹出框：

$( 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

    });
});