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(); 
 
      }, 
 
     }); 
 

 
    }); 
 
});