为什么服务器端代码没有从ASP.net中的JQuery对话框触发?

时间:2017-03-30 09:20:40

标签: javascript jquery asp.net jquery-ui jquery-ui-dialog

我正在使用 Jquery-ui版本v1.12.1

我的表单中有一个按钮。单击后,将生成 jquery-ui对话框。然后我有一个textbox和一个asp:button

当用户单击该按钮时,它不会调用服务器端代码。我不知道为什么

客户端代码

<div class="row" style="padding-top:20px;">
<div class="col-lg-4">
    <input id="btnSave" type="button" class="btn btn-info"  value="Save" />
    <input id="btnLoad" type="button" class="btn btn-info"  value="Load" />

     <%-- SAVE DIALOG  --%>
     <div id="saveDialog" title="Basic dialog">
     <div class="row">
         <div class="col-lg-4">
             <asp:Label ID="lblFileName" CssClass="control-label" runat="server" Text="File Name"></asp:Label>
         </div>
         <div class="col-lg-6">
             <asp:TextBox ID="txtFileName" CssClass="form-control" runat="server"></asp:TextBox>
         </div>
     </div>
     <div class="row">
         <div class="col-lg-12" style="text-align:center;">
             <asp:Label ID="lblSaveErrorMsg" runat="server" Text="" ForeColor="Red"></asp:Label>
         </div>
     </div>
     <div class="row" style="padding-top:10px;">
         <div class="col-lg-12" style="text-align:center;">
            <asp:Button ID="btnSaveFile" runat="server" Text="Save" OnClick="btnSaveFile_Click"/>

         </div>
     </div>
 </div>                   
</div>

Jquery代码

$('#btnSave').click(function () {
    $('#saveDialog').dialog();
});

注意

  

出于测试目的,我在对话框之外移动按钮,它工作正常。但当我放入对话框时,它无法正常工作

我也看到了link。但对于我的版本,没有替代代码。

我引用此link too。但我不知道如何申请我的代码

0 个答案:

没有答案