从单独的文件访问$ .fn.extend方法

Question

需要从另一个页面访问一个方法。 好像应该有类似$（“＃selectedClip”）。setValue（4,4）;的东西。

(function($) {
$.fn.extend({
    spinit: function(options) {
        var settings = $.extend({ min: 0, max: 100, initValue: 0, callback: null, stepInc: 1, pageInc: 10, width: 50, height: 15, btnWidth: 10, mask: '' }, options);
        return this.each(function() {
            var UP = 38;
            var DOWN = 40;
            var PAGEUP = 33;
            var PAGEDOWN = 34;
            var mouseCaptured = false;
            var mouseIn = false;
            var interval;

........

function setValue(a, b) {
                if (a >= settings.min && a <= settings.max) {
                    value = b;
                    //this is for editVideo php. Probably will break code in other page
                    spinnerChange(value);
                } el.val(value);
            }

上面是我需要在此文件之外调用的方法。 救命！！ :)

Answer 1

您可以通过多种方法来执行此操作，但基本上必须将公共代码（setValue函数）隔离在一个单独的javascript文件中（将其命名为common.js），然后可以执行以下任一操作：

• 难以维护的解决方案，始终在所有html文件中包含common.js
• 使用jquery.getScript方法加载common.js， 这里的答案显示了一个很好的示例，说明如何加载TinyMCE（如果尚未加载）
• 也许你可以使用这个插件 （我之前没有测试过）。

就个人而言，我建议使用jquery.getScript方法。