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

2 に答える 2

0

上記のコード内には入りません..別のクリックイベント内にそのコードがあるため..基本的にそれを機能させるには、同じボタンをもう一度クリックする必要があります....これは機能しません..

これを試して

  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;

        });
    }
于 2013-03-05T05:01:46.030 に答える
0 
$(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;
                });
于 2013-03-05T05:11:53.663 に答える