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();"

jQuery 按钮点击功能没有按预期工作

jQuery button click function is not working as expected

javascript

jquery

show

hide