Блог

я изо всех сил пытаюсь заставить мой диалог работать должным образом. Всплывающее окно уже отображается, даже если я не нажал кнопку?

    <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>
  

У вас ошибка в вашем скрипте для функции btnText.

у вас есть:

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

Это должно быть:

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

вот jsFiddle, с которым это работает http://jsfiddle.net/VyGuD/3 /