如何用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进行自定义提醒（模式对话框）。

在此处试试：http://jqueryui.com/demos/dialog/#modal-message

PS：JavaScript中没有echo。

  

漂亮的模态对话框！

Codez：

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

Answer 2

使用jQuery UI对话框。

它可以像警报一样直接打开。只需将消息写入某个元素（如div），以及它如何准备就绪。

请参阅jQuery ui dialog

示例代码：

JS：

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

HTML：

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

尽可能避免使用模态消息。它们可能非常刺激，导致整个屏幕被锁定。同样适用于警报。

Answer 3

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

这样的弹出对话框

Answer 4

您可以尝试使用此插件来美化警报：http://plugins.jquery.com/alert-beautifier/