javascript - 有条件地将 jQuery 插件函数附加到网站上的元素

Question

我想将 jQuery 插件函数附加到我网站上仅存在于一页上的元素。目前，我使用此条件来防止触发 limiter 函数并在 View 中没有 #advertiser_co_desc 时引发错误。

jQuery(document).ready(function($) {
    var elem = $('#charNum');
    if ($('#advertiser_co_desc').length) {
        $('#advertiser_co_desc').limiter(180, elem);        
    }
});

在我的网站上，#advertiser_co_desc 仅出现在一页上。

我的解决方案完成了这项工作，但我的疑虑源于这样一个事实:浏览器获取了 jQuery 插件代码以及上面提供的插件函数调用(它们都在同一个文件中)，并且不断评估条件无论用户是否访问过存在 #advertiser_co_desc 的页面。

我使用的方法是否最佳，或者是否有更好的方法将此特定 JS 仅附加到存在“#advertiser_co_desc”的页面？当然，我希望避免将脚本与 PHP 代码添加到同一文件中。

Answer 1

或者您可以将插件方法包装为，

var _limiter = $.fn.limiter;

$.fn.limiter = function(limit, element) { // provide complete argmuments
    if(this.length) {
        _limiter.call(limit, element);
    }
};

确保在此语句之前加载插件。