jquery live 会减慢网站速度吗？

Question

我有一个问题，我正在使用 ajax 加载所有内容的 jquery U.I 选项卡。现在，我现在每次单击选项卡时都会将部分视图加载到该选项卡中。

现在在这个部分视图中，它们是 javascript 文件，它们使用 jquery 来绑定该选项卡中需要的所有事件以及我正在使用的一些 jquery 插件。

现在每次加载该选项卡时都会加载所有这些脚本。如果它被点击 10 次，那么这些脚本将被加载 10 次，这意味着现在每个按钮都将有 10 个相同的事件，这意味着如果有人点击该按钮，10 个事件将全部触发并执行相同的操作。

所以我需要找到一些解决方案，将所有脚本移出并放在主页上，然后使用 jquery.live 或其他解决方案。

我尝试对 UI 选项卡使用 jquery 缓存，但这不起作用，因为当更改效果选项卡 B 时说选项卡 A 中的某些内容意味着我需要重新加载选项卡 B，但脚本无法重新加载，否则我运行陷入和现在一样的问题。

Answer 1

Read here 的精彩演示涵盖了 jQuery 的事件委托。

看完上面的再看这个：

// using jQuery 1.4.2
(function($){
    // You can cache the container you plan on using for event delegation.
    //   If using $(document).ready(...) to call the below functions
    //     your "container" element should already exist in the DOM
    //   (the .specialAjaxLink elements don't have to exist yet).
    var container = $("#container");

    // whenever an element with the class "specialAjaxLink" is clicked
    // while inside your container element execute the handler on them.
    container.delegate(".specialAjaxLink", "click", function(){
        // do something amazing...
        solveWorldHunger(this);
        // stop propagation and prevent default...
        return false;
    });
}(jQuery));

在使用上述方法时，您不必担心性能问题，除非您正在创建像 gmail、docs 或 google wave 这样复杂的应用程序。

Answer 2

通常，我总是在 bind() 之前调用 unbind()

Answer 3

考虑使用事件委托，而不是使用 .live()。监听容器内的事件，然后检查标签和属性来决定如何处理它。

如果向 DOM 添加一堆元素，效率会更高。