弹出警报窗口无法打开

时间:2016-10-13 10:16:06

标签: jquery jquery-ui

我希望在按钮单击后弹出一个警告窗口。但是当我点击按钮时没有任何反应。 我的代码:

    <link type="text/css" rel="stylesheet" href="tinymce/js/jquery-ui.css"/>
<script type="text/javascript" src="tinymce/js/jquery-1.8.2.js"></script>
<script type="text/javascript" src="tinymce/js/jquery-ui.js"></script>

<script type="text/javascript">
    $(function () {
        $("#btnSave").click(function () {
            $("#divpopup").dialog({
                title: "abc",
                width: 430,
                height: 200,
                modal: true,
                buttons: {
                    Close:
                        function () {
                            $(this).dialog('close');
                        }
                }
            });
        });
    })

</script>

<div id="divpopup" style="display:none">
    TEST
</div>

    <asp:Button Text="sent" ID="btnSave" runat="server" />

1 个答案:

答案 0 :(得分:0)

在对话框中转换之前,需要将div的display属性设置为block。这是代码:

$("#btnSave").click(function () {
         $("#divpopup").show();
            $("#divpopup").dialog({
                title: "abc",
                width: 430,
                height: 200,
                modal: true,
                buttons: {
                    Close:
                        function () {
                            $(this).dialog('close');
                        }
                }
            });
        });