jQuery在插件中访问变量

Question

如何准备好文档后访问和设置插件中的变量。 我在这里发现了一些有关stackoverflow的相关问题，但是它们并没有帮助我理解如何完成此任务。

谢谢！

(function($){
   $.fn.myPlugin = function(){
      var myVar1 = true;
      var myVar2 = true;
      var myVar3 = true;

      ....

      if(myVar1 == true){
         // do something
         ...
      }

      ....
   }
})(jQuery);

<script type="text/javascript">
   $(document).ready(function() {
      $.fn.myPlugin.myVar1 = false;
   });
</script>

Answer 1

使用this代替var ：

this.myVar1 = true;
this.myVar2 = true;

....

Answer 2

http://stefangabos.ro/jquery/jquery-plugin-boilerplate/

有一些有关如何在插件中使用公共属性和方法的示例。

Answer 3

为什么需要在插件外部调用它？ 将变量作为布尔选项，而不是true或false，则构建另一个函数...当您在单独的文件中使用插件时，将编写：

$(document).ready(function() {
      $('#id').myPlugin() {
         //options
      }
   });

这样，如果您选择将变量设置为true或false，它将执行两个不同的功能...

顺便说一句，如果您需要在插件外部调用变量，可以这样：

$('#id').data('myPlugin').option.foo;