隱藏按鈕不會使用jQuery

Question

我在ASP MVC部分類是這樣工作的：

<div class="table-responsive"> 
    <table class="table" id="tbl_visitors" data-animate="fadeInRight"> 
    <thead> 
     <tr> 
     <th> 
      @Html.DisplayNameFor(model => model.VisitorId) 
     </th> 
     <th> 
      @Html.DisplayNameFor(model => model.FirstName) 
     </th> 
     <th> 
      @Html.DisplayNameFor(model => model.LastName) 
     </th> 
     <th> 
      @Html.DisplayNameFor(model => model.TicketId) 
     </th> 
     <th> 
      @Html.DisplayNameFor(model => model.RequestStatus) 
     </th> 
     <th></th> 
     <th></th> 
     </tr> 
    </thead> 
    <tbody> 
     @foreach (var item in Model) { 
     <tr> 
     <td> 
      @Html.DisplayFor(modelItem => item.VisitorId) 
     </td> 
     <td> 
      @Html.DisplayFor(modelItem => item.FirstName) 
     </td> 
     <td> 
      @Html.DisplayFor(modelItem => item.LastName) 
     </td> 
     <td> 
      @Html.DisplayFor(modelItem => item.TicketId) 
     </td> 
     <td> 
      @Html.DisplayFor(modelItem => item.RequestStatus) 
     </td> 
     <td id="item_checkbox"> 
      @if (item.RequestStatus != "Pending") { 
      <input id=@item.VisitorId checked="checked" class="use-this switch-toggle switch-flat-mini switch-toggle-flat" type="checkbox"> 
      <label for=@item.VisitorId></label> 
      } else { 
      <input id=@item.VisitorId class="use-this switch-toggle switch-flat-mini switch-toggle-flat" type="checkbox"> 
      <label for=@item.VisitorId></label> 
      } 
     </td> 
     <th> 
      <a href="javascript:void(0);" onclick="deletevisitor(@item.VisitorId, @item.TicketId) ">Remove</a> 
     </th> 
     </tr> 
     } 
    </tbody> 
    </table> 
</div> 
<div class="alignright" id="div_btn_approve"> 
    <button id="btn_approve_ticket" class="button button-border button-rounded button-green">Approve</button> 
</div> 

和腳本來禁用我的「指數」的觀點在局部視圖按鈕，如下所示：

function getVisitorsOfApprovedTicket(ticketId, requestedBy, schedule) { 
    var url = '/Member/GetVisitorViaTicketId?ticketId=' + ticketId; 
    $("#div_approved_ticket_visitors").load(url); 
    $("#hidden_created_by").val(requestedBy); 
    //$("#btn_approve_ticket").prop("disabled", true); 
    $("#btn_approve_ticket").hide(); 
} 

當我嘗試通過創建腳本來把它藏在我的局部視圖，它隱藏的按鈕，但爲何它沒有在我的索引視圖工作時，我稱之爲局部視圖？你能告訴我怎麼做對嗎？謝謝。

Answer 1

因爲.load還沒有結束，如果嘗試.hide()不存在的元素：

function getVisitorsOfApprovedTicket(ticketId, requestedBy, schedule) { 
    var url = '/Member/GetVisitorViaTicketId?ticketId=' + ticketId; 
    // this is a async process 
    $("#div_approved_ticket_visitors").load(url); 
    $("#hidden_created_by").val(requestedBy); 
    //$("#btn_approve_ticket").prop("disabled", true); 
    // you are trying to hide an element that is not present yet. 
    $("#btn_approve_ticket").hide(); 
} 

如果你想隱藏這是var url = '/Member/GetVisitorViaTicketId?ticketId=' + ticketId;視圖中的元素。你需要等待它繼續之前先加載：

function getVisitorsOfApprovedTicket(ticketId, requestedBy, schedule) { 
    var url = '/Member/GetVisitorViaTicketId?ticketId=' + ticketId; 
    // this is a async process 
    $("#div_approved_ticket_visitors").load(url, function() { 
    // this function is called after its done 
    // here you can safely hide the element 
    $("#btn_approve_ticket").hide(); 
    }); 
    $("#hidden_created_by").val(requestedBy); 
    //$("#btn_approve_ticket").prop("disabled", true); 
} 

希望幫助