使用jQuery的警报消息

Question

如果val = -1我需要输出警告消息，但问题是此消息显示在页面底部，这不依赖于val的值。

if ($val == -1) 
        echo '
        <script>
            $(function() {
                $( "#dialog:ui-dialog" ).dialog( "destroy" );
                $( "#dialog-message" ).dialog({
                    modal: true,
                    buttons: {
                        Ok: function() {
                            $( this ).dialog( "close" );
                        }
                    }
                });
            });
        </script>
        ';
    else { //...  }


<div id="dialog-message" title="Process failed.">
<p><span class="ui-icon ui-icon-circle-check"
    style="float: left; margin: 0 7px 50px 0;"></span> Error message.</p>
</div>

Answer 1

隐藏div使用css

#dialog-message{
 display:none;
}

为了获得更好的警报，有一个很好的插件可用于Alert，Confirm＆amp;提示使用该插件

http://labs.abeautifulsite.net/archived/jquery-alerts/demo/

下载页面在这里

http://www.abeautifulsite.net/blog/2008/12/jquery-alert-dialogs/

Answer 2

您可以使用位置功能定位对话框：

Link

Answer 3

良好的老式alert（）javascript功能有什么问题？在这种情况下它应该可以正常工作。