jquery - 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;