jQuery的 - 從插件外部訪問變量

Question

我有如下一個簡單的插件：

$.fn.ajaxSubmit = function(options){ 
    var submisable = true; 
} 

我希望能夠改變從插件外/訪問變量MYVAR，通過執行類似如下：

$(function(){ 
    $('form').ajaxSubmit(); 
    $('div').click(function(){ 
     submisable =false; 
    }); 
}); 

Answer 1

這個解決方案不是直接的，而是遵循jQuery插件指南。

(function($) { 
    var myVar = "Hi"; 
    var methods = { 
     init: function(option) { 
      return this.each(function() { 
       $(this).data("test", myVar); 
      }); 
     }, 
     showMessage: function() { 
      return this.each(function() { 
       alert($(this).data("test")); 
      }); 
     }, 
     setVar: function(msg) { 

      return this.each(function() { 
       $(this).data("test", msg); 
      }); 
     }, 
     doSomething: function() { 
      //perform your action here 
     } 
    } 

    $.fn.Test = function(method) { 
     // Method calling logic 
     if (methods[method]) { 
      return methods[method].apply(this, Array.prototype.slice.call(arguments, 1)); 
     } else if (typeof method === 'object' || !method) { 
      return methods.init.apply(this, arguments); 
     } else { 
      $.error('Method ' + method + ' does not exist on jQuery.Test'); 
     } 
    }; 
})(jQuery); 

$("form").Test("init"); 
$("#getCol").click(function() { 
    $("form").Test("setVar", "Hello World").Test("showMessage"); 

}); 

Answer 2

您是否想過將它們作爲屬性訪問？喜歡的東西：

$.fn.ajaxSubmit = function(options) { 
    var defaults = {}, 
    o = $.extend({}, defaults, options); 
    var _myvar = 'blue'
 

this.myvar = new function(){ 
    return _myvar; 
} 
this.setmyvar = function(_input){ 
    _myvar = _input 
} 

return this.each(function() {   

    if (_myvar == 'blue') { 
     alert('hi'); 
    } 
    if (_myvar == 'red') { 
     alert('bye'); 
    } 
}); 
 

}
 

而設置，如：

this.setmyvar('red');

Answer 3

您還可以創建方法來訪問是塞在裏面的變量：

$.fn.ajaxSubmit = function(options){ 
    var submisable = true; 

    $.fn.ajaxSubmit.setSubmissable = function(val){ 
     submisable = val; 
    } 

} 

然後，你可以這樣調用。

$('form').ajaxSubmit(); 
$('form').ajaxSubmit.setSubmissable(false);