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

設置變量之前要調用該插件。點擊事件觸發時，您必須調用.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 
     }); 
    } 
});