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