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)以供以后在函数外使用？

最终目标是获取droppable容器的id和drop元素的内容.

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