Javascript在本地工作，但不在服務器上

Question

我遇到了一些JavaScript代碼的問題。當我在本地測試網站時它工作正常，但在服務器上不起作用，除非我重新加載頁面。代碼如下。如果您需要更多詳細信息，請告訴我。

$(document).ready(function(){ 

$("#header_inbox_bar").click(function() { 

const inboxtopcount = $('#inboxtopcount') 
const badgedanger = inboxtopcount.parent('.badge-danger') 

$.ajax({ 
    type: 'POST', 
    url: 'controllers/ctrl_client_update_inbox_notifications.php', 
    success (res) { 
    if (res) { 

     badgedanger.hide() 
     inboxtopcount.hide() 
    } 
    }, 

}); 
}); 
}); 

Answer 1

我的猜測是你的DOM元素沒有及時綁定到jQuery。另外，嘗試檢查你的jQuery的語法錯誤或任何缺少的語法。

要解決加載時出現的任何綁定問題，請嘗試使用jQuery的'on'方法，以便您可以將它傳遞給#header_inbox_bar元素並在稍後進行綁定。像這樣：

$(document).ready(function() { 
 

 
    $('body').on('click', '#header_inbox_bar', function() { 
 

 
     const inboxtopcount = $('#inboxtopcount'); 
 
     const badgedanger = inboxtopcount.parent(); 
 

 
     $.ajax({ 
 
      type: 'POST', 
 
      url: 'controllers/ctrl_client_update_inbox_notifications.php', 
 
      success(res) { 
 
       badgedanger.hide(); 
 
      }, 
 
     }); 
 

 
    }); 
 
});