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

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

var example;

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

abc();

console.log(example);

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\' );
    }
});

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

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