jQuery 保存局部变量以供稍后在代码中使用

Question

无论如何，我可以在函数之外保存或访问局部变量吗？考虑下面的代码：

$( "#droppable2" ).droppable({
        activeClass: "ui-state-hover",
        hoverClass: "ui-state-active",
        accept: "#draggable3",
        drop: function( event, ui ) {

            jdc = $(this).attr("id"); //I need to use this value later
            $( this )
                .addClass( "ui-state-highlight" );
                var x = ui.helper.clone();   
                x.appendTo('body');

                var jdi = $("img").attr("id");// I need to use this value later

                $(this).droppable( 'disable' );
        }
    });

是否有办法获取两个变量（上面的 jdc 和 jdi）的值以供以后在函数外部使用？

最终目标是获取可放置容器的 ID 和放置元素的内容。

Answer 1

试试这个：

jQuery(element).data(key,value);
// Store arbitrary data associated with the matched elements.

或者在函数外部声明你的变量。

var example;

function abc(){
   example = "12345";
}

abc();

console.log(example);

Answer 2

var jdc;
var jdi;    

$( "#droppable2" ).droppable({
    activeClass: "ui-state-hover",
    hoverClass: "ui-state-active",
    accept: "#draggable3",
    drop: function( event, ui ) {

        jdc = $(this).attr("id"); //I need to use this value later
        $( this )
            .addClass( "ui-state-highlight" );
            var x = ui.helper.clone();   
            x.appendTo('body');

            jdi = $("img").attr("id");// I need to use this value later

            $(this).droppable( 'disable' );
    }
});

Answer 3

您始终可以将它们存储为元素上的数据：

$(this).data('jdi', $('img').attr('id'));

然后您可以通过再次调用“.data()”从该元素中获取它：

var theSavedJdi = $('whatever').data('jdi');