javascript - 在函数外部使用变量

Question

我正在尝试将 numbers 设置为等于 digits。我怎样才能做到这一点？我尝试了 'numbers' : digits 但它不起作用。

// Checks if the checkbox is checked or not
$('#digits').change(
  function(){
    if ($(this).is(':checked')) {
      digits = true;
    } else {
      digits = false;
    }
});

// When the button "apply" is pressed it sets numbers equal to digits and calls the function test
$(document).ready(function(){       
    $('#apply').test({
        'numbers': digits // This is where I'm stuck
    });
});

(function($){
  var methods = {
    init : function( options, callbacks) {
      var settings = $.extend({
        'numbers': true,
    }, options);
    ...
    ...
    ...
    etc
    $.fn.test= function(method) {
      alert("SUCCESS");
      ...
      ...    
    };
})(jQuery);

Working Example (JSFIDDLE)

Answer 1

当你初始化你的插件时，你在那个阶段给了它 digits 的值。根据您发布的代码，我猜它是 undefined。每次通过复选框更改时，您都需要更新插件上的值。

一个快速的修复方法是将初始化插件的代码移动到复选框的 change 处理程序，尽管您也可以考虑初始化一次插件并实现一个 setter 方法以允许您更新插件初始化后的值。

   // Checks if the checkbox is checked or not
    $('#digits').change(
      function(){

        $('#apply').test({
            'numbers': this.checked 
        });
    });