Question

我想通过jQuery触发一个ajax脚本，但只有在确认之后。我找到了一个适用于bootstrap的漂亮的javascript，但无法让它工作。我可以在使用链接或提交按钮时使用它，但不能使用其他jQuery事件。这是我在Fiddle

上的内容

$(".deleteit").popConfirm({
    placement: "left"
});

$(".deleteit").click(function() {
    alert("aaa");
});

非常感谢任何建议！任何其他具有Bootstrap弹出窗口的解决方案也受到赞赏！

微米。

Answer 1

工作Fiddle。并快速查看：

 <div style="width: 500px; text-align:center" id="asd">
    <a href="#15" class="btn btn-danger deleteit" role="button">x</a><br />
    <a href="#16" class="btn btn-danger deleteit" role="button">x</a>
</div>

和javascript：

    $(document).ready(function(){
    $('.deleteit').each(function( index ) {
        $(this).popConfirm({
            placement: "left",
            content: '<input class=\'hidId\' type=\'hidden\' value=\'' + $( this ).attr('href') + '\' />'
        });
    });

    $('#asd').on('click','.popover-content .confirm-dialog-btn-confirm', function(e) {
        alert('ajax ID:' + $(e.target).closest('div.popover-content').find('input:hidden').val()); 
        //alert($(e.target).parent().parent().find('input:hidden').val());
         return false;
        }
    );
});

只有在使用bootstrap popover确认后才能触发ajax脚本

1 个答案: