JQuery的對話框中的瀏覽器不開放

Question

  <link type="text/css" rel="stylesheet" href="scripts/jquery-ui-1.8.5.custom.css" /> 
     <script src="Scripts/jquery-1.4.2.js" type="text/javascript"></script> 
     <script type="text/javascript" src="scripts/jquery-ui-1.8.5.custom.min.js"></script> 


    <script type="text/javascript"> 
    function getalert1(Leave_RegisterID) 
      { 
       document.getElementById('<%= hdnLeave_RegID.ClientID %>').value = Leave_RegisterID; 
       $.fx.speeds._default = 1000; 
       $(function() { 
        $('#reason').dialog({ 
         autoOpen: false, 
         show: "blind", 
         hide: "explode", 
         display: '' 
        }); 
        $('.LeaveReason1').click(function() 
        { 
         $('#reason').html(); 
         $('#reason').dialog('open'); 
         return false; 
        }); 
       }); 
      } 
</script> 

，我按一下按鈕：

 <button id="LeaveReason1" class="LeaveReason1" onclick="getalert1('<%# Eval("Leave_RegisterID") %>');" title="Decline">Decline</button> 

然而，當我在Firebug調試它不會得到這個代碼裏面，它應該：

$('#reason').html(); 
    $('#reason').dialog('open'); 
    return false; 

HTML

<div id="reason" style="height: 300px; min-height: 109px; width: auto; display:none;" class="ui-dialog-content ui-widget-content" runat="server"> 
      <table width="100%" border="0" cellspacing="0" cellpadding="0"> 
       <tr> 
        <td width="25%" class="body_txt" style="padding-right:2px"> 
         <asp:Label ID="lblReason" runat="server" Text="Reason:" ></asp:Label> 
        </td> 
        <td width="75%"> 
         <asp:TextBox ID="txtReason" Height="40%" Width="100%" MaxLength="200" TextMode="MultiLine" runat="server" CssClass="txt_bx" ></asp:TextBox> 
        </td> 
       </tr> 
       <tr> 
        <td colspan="2">&nbsp;</td> 
       </tr>      
       <tr> 
        <td colspan="2" align="center"> 
         <asp:Button Width="30%" runat="server" Text="Submit" id="btnSubmit" Height="25px" CssClass="clButton" ></asp:Button>&nbsp;&nbsp;&nbsp; 
        </td> 
       </tr> 
      </table> 
     </div> 

Answer 1

它不會進入上述給定的代碼內..因爲你有另一個點擊事件內的代碼..基本上是爲了工作，你必須再次點擊相同的按鈕....這將無法正常工作..

試試這個

function getalert1(Leave_RegisterID) // you are calling this function whn click 
    { 
     document.getElementById('<%= hdnLeave_RegID.ClientID %>').value = Leave_RegisterID; 
     $.fx.speeds._default = 1000; 
     //$(function() { and no need of ready function here 
      $('#reason').dialog({ 
       autoOpen: false, 
       show: "blind", 
       hide: "explode", 
       display: '' 
      }); 

      // $('.LeaveReason1').click(function() { again you have a click event here which is not necessary at all.. since the click is already fired by getalert1() 
       $('#reason').html(); 

       $('#reason').dialog('open'); 
       return false; 

     }); 
    } 

Answer 2

$(document).ready(function(){ 

//separate your dialog init 
$(function() { 
    $('#reason').dialog({ 
     autoOpen: false, 
     show: "blind", 
     hide: "explode" 
    }); 
}); 

//only have one click event 
$('.LeaveReason1').click(function() 
       { 
     document.getElementById('<%= hdnLeave_RegID.ClientID %>').value = Leave_RegisterID; 
       $.fx.speeds._default = 1000; 

        $('#reason').html(); 
        $('#reason').dialog('open'); 
        return false; 
       });