リアルタイムでのイベント別jQuery変更var - 作業しない

Question

リアルタイムで設定https://github.com/trentrichardson/UberUploadCropper/blob/master/example-advanced/index.phpの "aspectRatio"を変更しますか？

$(function() { 

$.("#test1").click(function() { 
    $ratio = 1; 
}); 
$.("#test2").click(function() { 
    $ratio = 2; 
}); 

$('#UploadImages').uberuploadcropper({ 

... 

'aspectRatio': $ratio, 

これは機能しません。どうして？ どうすれば正しいですか？

Answer 1

$ratioのグローバル変数を定義します。

例：

var $ratio; //Define a global variable like this 
$(function() { 

    $("#test1").click(function() { 
     $ratio = 1; 
     initPlugin(); 
    }); 
    $("#test2").click(function() { 
     $ratio = 2; 
     initPlugin(); 
    }); 

    function initPlugin() {  
     $('#UploadImages').uberuploadcropper({ 

      ... 

      'aspectRatio': $ratio, //now the value will be taken from global scope 
     }); 
    } 
}); 

Answer 2

ドットを削除します。変数が設定される前に

$("#test1").click(function() { 
    $ratio = 1; 
}); 
$("#test2").click(function() { 
    $ratio = 2; 
}); 

Answer 3

$.("後は、プラグインを呼び出しています。 clickイベントが発生すると、.uberuploadcropperを呼び出す必要があります。

$(function() { 
    $.("#test1").click(function() { 
     uploadCropper(1); 
    }); 
    $.("#test2").click(function() { 
     uploadCropper(2); 
    }); 

    function uploadCropper(ratio){ 
     $('#UploadImages').uberuploadcropper({ 

      ... 

      'aspectRatio': ratio, //now the value will be taken from global scope 
     }); 
    } 
});