Question

我正在使用彩盒处理替换页面上的通用警报。我目前正在使用隐藏的div和href引用来构建用户交互的对话框：

$.colorbox({
            inline: true,
            open: true,
            href: "#modalAlert",   /*id of hidden div*/
            onClosed: function () {
                $("#modalAlert").hide();
            },
            onOpen: function () {
                $("#modalAlert").show();
            },
            closeButton: false
        });

我使用类似的代码来显示一个收集输入数据的对话框。我想对输入数据进行一些验证检查。在我使用数据的方法中，我发出$.colorbox.close()来关闭输入框。如果验证失败，我会显示一条带有消息的警报，以指出问题所在。当我尝试调用该方法来构建上面列出的颜色框警报时，没有任何显示。我知道代码正在执行，但预期的警报不会出现。

当我调试代码时，我看到$.colorbox.close()执行，但输入框仍然可见。 看起来它实际上并没有杀死这个盒子，直到方法后面的某个地方。在我看来，它也可以杀死我的警报，使它似乎永远不会出现。有没有办法让方法顶部的$.colorbox.close()立即执行（并终止输入框），以便在构建后续警报时实际显示？

我对彩盒的方式还不熟悉，所以我对替代方案持开放态度。我使用的代码嵌入了一些角度，因此提取完整的工作样本可能需要一些工作。感谢您的任何意见。

Answer 1

我找到了解决这种情况的更好方法，而不是尝试弹出单独的警报。相反，我给已经打开的对话框发了一条消息。它有效并且是一种更好的用户体验。

jquery colorbox关闭影响重叠对话框？

1 个答案: