Javascript Jquery-不是一个函数问题

我正在使用Jquery

https://code.jquery.com/jquery-1.12.2.min.js

然后我包括我的函数文件，它有这个函数

;(function($){  
    $.fn.UPLOAD_IMAGES= function(options) {
        var defaults = { 
            main_url: mainurl
        };
        var options = $.extend(defaults, options);
        // returns the jQuery object to allow for chainability.  
        return this;  
    }
})(jQuery);

然后我在点击事件中调用它，比如

/*Image upload*/
    var options_img = {
    type: '',
    id: $('#id').val(),
    controller: 'listings'
};
$("#file_upload").UPLOAD_IMAGES(options_img);

它给我

TypeError

UPLOAD_IMAGES is not a function

---

我不知道我错过了什么？

请查看此演示，一切正常

---

var mainurl='someUrl'；//您确定
$
指的是jQuery吗？您确定加载顺序吗？在尝试使用之前，需要加载创建函数的js文件it@PatrickEvansOP说它是在单击时调用的，但除了缺少对
mainurl的引用之外，它仍然是一个很好的点。你能给我们一个完整的例子说明你的问题吗。@a.Wolff，没错。在这种情况下，DOE，是否还包括其他jQuery脚本？您可以在一个jQuery实例上设置函数，然后让另一个实例覆盖它。我们需要一个更完整的例子谁投了反对票，请你描述一下原因