Question

我正在努力让我的对话框正常工作。即使我没有点击按钮，弹出窗口已经显示出来了吗？

   <script src="../../Content/jquery-ui-1.8.12.custom/js/jquery-1.5.1.min.js" type="text/javascript"></script>
<script src="../../Content/jquery-ui-1.8.12.custom/js/jquery-ui-1.8.12.custom.min.js"
    type="text/javascript"></script>


<link href="../../Content/jquery-ui-1.8.12.custom/css/ui-lightness/jquery-ui-1.8.12.custom.css"
    rel="stylesheet" type="text/css" />


<div>
    <button id="btnTest">
        Go</button>
</div>
<div id="dialog-confirm" title="Hello">
    <p>
        <span class="ui-icon ui-icon-alert" style="float: left; margin: 0 7px 20px 0;"></span>
        Do you want to continue?</p>
</div>
<script type="text/javascript">

    $(document).ready(function (event) {

        $("#dialog-confirm").hide()
        $("#dialog:ui-dialog").dialog("destroy");

        $('#btnTest').click(

            $(function () {
                $("#dialog:ui-dialog").dialog("destroy");
                $("#dialog-confirm").dialog({
                    resizable: false,
                    height: 140,
                    modal: true,
                    buttons: {
                        "Ok":
                        function () {
                            alert('ok');
                            $(this).dialog("close");
                        }
                    ,
                        Cancel: function () {
                            $(this).dialog("close");
                        }
                    }
                });
            })

         );

    });




</script>

Answer 1

btnText函数的脚本中有错误。

你有：

$('#btnTest').click( $(function () {

应该是：

$('#btnTest').click( function () {

这是一个jsFiddle，它工作http://jsfiddle.net/VyGuD/3/

按钮后单击asp.net mvc 2的jquery对话框

1 个答案: