打开模态消息

时间:2014-05-06 15:54:33

标签: jquery jsp jstl

我正在使用jquery ui来显示消息,但如果消息没有自动打开 不是空的。

<script>
    $(function() {
        $( "#dialog-message" ).dialog({
            autoOpen: false,
            modal: true,
            buttons: {
                Ok: function() {
                $( this ).dialog( "close" );
                }
            }
     });
</script>

<c:choose>
    <c:when test="${not empty message}">
        <div id="dialog-message" title="Server Message">
            <p>'${message}'</p>
        </div>

        <script>
           $( "#dialog-message" ).dialog( "open" );
        </script>
        </c:when>
        <c:otherwise>
        </c:otherwise>
</c:choose>

只是为了测试它是否正常工作我尝试按下按钮以在点击时手动打开模态框并且它正在工作。

如果我删除autoOpen:false也会有效。

感谢

1 个答案:

答案 0 :(得分:0)

您必须将autoOpen设置为true。演示:http://jsfiddle.net/GCu2D/82/

$(document).ready(function () {
var dialog = $('selector').dialog({
    autoOpen: true,
    buttons: {
        "Yes": function () {
            alert('you chose yes');
        },
            "No": function () {
            alert('you chose no');
        },
            "Cancel": function () {
            dialog.dialog('close');
        }
    }
});
});