Bootbox确认对话框问题(Bootbox Confirm Dialog problems)

不幸的是，DOC Bootbox（ http://paynedigital.com/2011/11/bootbox-js-alert-confirm-dialogs-for-twitter-bootstrap ）不会告诉你如何调用确认对话框。 因为它是在文档窗口总是会出现，当加载页面时，什么是错的，当点击删除按钮叫应该会出现。 这是没能成功的代码。

// show "false" does not work, the confirm window is showing when page is loaded.
$(function () {
bootbox.confirm("Confirm delete?", "No", "Yes", function(result) {
show: false
});     
});

// need show the confirm window when the user click in a button, how to call the confirm window?

<td><a class="icon-trash" onclick="bootbox.confirm();" href="{% url 'del_setor' setor.id %}" title="Delete"></a></td>

如何设置这个bootbox点击删除按钮，在出现？ 谢谢！

编辑 - 溶液：

$(function () {
$("a#confirm").click(function(e) {
    e.preventDefault();
    var location = $(this).attr('href');
    bootbox.confirm("Confirm exclusion?", "No", "Yes", function(confirmed) {
        if(confirmed) {
        window.location.replace(location);
        }
    });
});     
});

现在，当我点击“是”删除工作。 我问插件的开发者把全样本在doc，所以用户无需创建有关点击了“是”时，如何删除对象的职位。 问候。

Answer 1:

您可能要检查下“基本使用”此页上的“确认”链接上的源： http://bootboxjs.com/

这里有一个片段：

$("a.confirm").click(function(e) {
    e.preventDefault();
    bootbox.confirm("Are you sure?", function(confirmed) {
        console.log("Confirmed: "+confirmed);
    });
});

假设jQuery是在UI提供你的工作，我会避免使用onClick在你的锚标记属性。 只是我的两分钱。

Answer 2:

我需要的，但我却变化不大几件事......看看...

添加这一功能到像你的世界“的jQuery就绪”功能：

$(document).on("click", "[data-toggle=\"confirm\"]", function (e) {
    e.preventDefault();
    var lHref = $(this).attr('href');
    var lText = this.attributes.getNamedItem("data-title") ? this.attributes.getNamedItem("data-title").value : "Are you sure?"; // If data-title is not set use default text
    bootbox.confirm(lText, function (confirmed) {
        if (confirmed) {
            //window.location.replace(lHref); // similar behavior as an HTTP redirect (DOESN'T increment browser history)
            window.location.href = lHref; // similar behavior as clicking on a link (Increments browser history)
        }
    });
});

而刚刚添加一些“数据 - *属性”你的按钮或链接这样的：

<a class="btn btn-xs btn-default" data-toggle="confirm" data-title="Do you really want to delete the record 123?" href="/Controller/Delete/123"><span class="fa fa-remove"></span> </a>

所以......这样你就可以有一个个性化的问题。这是为您的用户更加直观...

你喜欢？

观看演示： 的jsfiddle

Answer 3:

$(document).on("click", ".confirm-modal", function(e) {
    e.preventDefault();
    bootbox.confirm("Are You sure?", function(result) {
        if(result) {
            top.location.href = e.target.href;
        }
    });
});

文章来源: Bootbox Confirm Dialog problems