javascript - jQuery 按钮单击功能未按预期工作

Question

我想在单击按钮时显示 div。为此，我编写了如下代码

<asp:Button ID="btnDownloadExcelTemp" runat="server" CssClass="btn btn-blue" Text="Download Template" OnClick="btnDownloadExcelTemp_Click" OnClientClick="return showHideUploadDiv();" />

我要启用的 Div

<div class="col-md-9" id="dvUploadFile" style="display: none;">
  <div class="form-group">
    Upload file
    <div class="row clearfix">
      <div class="col-md-8">

        <asp:FileUpload ID="fluploadData" CssClass="form-control" runat="server" />
      </div>
      <div class="col-md-4">

        <asp:Button ID="btnUploadExcelData" CssClass="btn btn-blue" runat="server" Text="Upload" OnClick="btnUploadExcelData_Click" />
      </div>
    </div>

  </div>
</div>

但是在调用下面的函数时，div 没有显示。

function showHideUploadDiv() {            
  alert('1');
  $("#MainContent_btnDownloadExcelTemp").click(function () {
    $('#dvUploadFile').show();
  });
}

注意:警报正在触发，但并未进入函数内部。请提出为什么会发生这样的情况。

Answer 1

尝试删除添加 .click 函数的代码，所以它是这样的？:

function showHideUploadDiv() {            
    alert('1');
    $('#dvUploadFile').css("display", "block");
}

您不需要为函数内的按钮分配 onclick，因为您的函数已分配给此行中的按钮:

<asp:Button ID="btnDownloadExcelTemp" runat="server" CssClass="btn btn-blue" Text="Download Template" OnClick="btnDownloadExcelTemp_Click" OnClientClick="return showHideUploadDiv();" />

// "OnClientClick="return showHideUploadDiv();"