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

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

1 个答案: