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