javascript - 如何在 php 中使用 jquery 美化警报消息？

Question

根据我的编程条件，我有太多的警报消息，我想美化它们，因为这看起来很正常和奇怪。

if(True)
{
   echo "<script>alert('blah blah blah');</script>";
}

if(False)
{
   echo "<script>alert('blah blah blah');</script>";
}

我尝试了太多 jquery 插件，但它们可以处理一些特定事件，如 onclcik、onblur、onhover、onload、onsubmit ......

在上面的代码中，我如何在不使用任何事件的情况下自定义警报消息

Answer 1

使用 jQuery UI 对话框。

它可以像警报一样直接打开。只需将您的消息写到像 div 这样的元素，以及它是如何准备好的。

请参阅jQuery ui 对话框

示例代码：

js：

<script>
    $(function() {
        $( "#dialog" ).dialog();
    });
    </script>

html:

<div id="dialog" title="My Alert">
    <p>Blah blah blah</p>
</div>

尽可能避免使用模态消息。它们可能很烦人，因为你的整个屏幕都被锁定了。警报也是如此。

Answer 2

调用alert函数时弹出的框，不能通过css自定义。它是一个浏览器组件，因此从浏览器而不是页面中获取样式。所以你必须使用像jquery ui dialog这样的弹出对话框

Answer 3

您可以将jQuery UI用于自定义警报（模式对话框）。

在这里试试：http: //jqueryui.com/demos/dialog/#modal-message

PS：echoJavaScript 中没有。

漂亮的模态对话框！

代码：

$( "#dialog-message" ).dialog({
    modal: true,
    buttons: {
        Ok: function() {
            $( this ).dialog( "close" );
        }
    }
});

Answer 4

你可以试试这个插件来美化警报： http: //plugins.jquery.com/alert-beautifier/