按钮点击后jQuery对话框点击asp.net mvc 2

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/