Question

我决定设计我使用Ajax的新工作，并将此cod用于加载页面

HTML

$(document).on('click','.menu li',function(){
    var $this = $(this);
    if($(this).hasClass("page2")) {
      $(".load").load('page2.php');
    }
    else if($(this).hasClass("page3")) {
      $(".load").load('page3.php');
    }
});

js

spring.xml

这很正常！但很多时候，当我点击选项卡浏览器挂起... 我的问题是我是否编写了错误的代码？或者这在Ajax中是正常的如果有办法帮助或不使用Ajax

Answer 1

代码写得不好，但你选择了一种低效的方法来解决这个问题。通过将您的点击事件附加到$(document)，您将导致大量不必要的开销并使用浏览器可能在其他地方使用的大量资源。

相反，您应该尝试将事件处理程序添加到最近的父元素。像这样......
$('.menu li').on('click', function(e) { //Run your code in here });
请参阅this stackoverflow question上接受的答案，了解更多有关为什么这是更好的做法的信息。

This answer here也有很多关于这个主题的好信息。

用于Ajax的Hong浏览器

1 个答案: