Jquery在外部js文件上未定义

时间:2014-11-25 21:48:22

标签: javascript jquery wordpress

我在外部js文件中有以下功能:

var fuelEfficiency = function () {
    var self = this;

    self.getCarMakes = function() {

        // Dropdown element
        var select = $('.selMake');

    };

    return self;
};

我有另一个使用上述函数的js文件:

(function ($, FuelEfficiency) {

    var FE = new fuelEfficiency();

    $(document).ready(function ($) {

        FE.getCarMakes();

    });

})(jQuery, fuelEfficiency);

这给了我错误" Uncaught TypeError:undefined不是函数"对于$(' .selMake')。我尝试用jquery包装fuelefficiency函数,但这也没有用。我能做些什么来传递jquery未定义的问题?

2 个答案:

答案 0 :(得分:1)

所以我想出了答案。看起来像wordpress上的JQuery处于"兼容模式" Jquery的快捷方式" $"不会工作。您可以阅读更多相关信息here。按照帖子你必须使用" jQuery"取代" $"。

答案 1 :(得分:0)

如果您要将fuelEfficiency注入FuelEfficiency作为(function ($, FuelEfficiency) {//note the case var FE = new fuelEfficiency();//note the case(should be FuelEfficiency) $(document).ready(function ($) { FE.getCarMakes(); }); })(jQuery, fuelEfficiency); ,请确保在函数内使用后者:

{{1}}

检查你的jQuery版本。您发布的代码运行没有错误。 http://jsfiddle.net/xcn4bhx7/