मैं jQuery-UI

Question

में ड्रैगगेबल का उपयोग करके सहायक को कैसे अनुकूलित करूं मैं एक सहायक तत्व का उपयोग करके "खींचा जा रहा" तत्व से लिया गया टेक्स्ट के साथ एक कस्टम तत्व बनाना चाहता हूं। मेरी समस्या यह है कि ui अनिर्धारित है, इसलिए मुझे नहीं पता कि ड्रैग के स्रोत को कैसे पकड़ें।

$('.draggable').draggable({ 
    helper: function(event, ui) { 
     var foo = $('<span style="white-space:nowrap;">DRAG TEST</span>'); 
     return foo; 
    } 
}); 

Answer 1

helper समारोह आप is invoked the following way लागू कर रहे हैं:

$(o.helper.apply(this.element[0], [event])) 

इसका मतलब है कि this उदाहरण के लिए, .draggable आपको लगता है कि समारोह के अंदर चाहते हैं को संदर्भित करता है:

$('.draggable').draggable({ 
    helper: function(event) { 
    return $('<span style="white-space:nowrap;"/>') 
      .text($(this).text() + " helper"); 
    } 
}); 

You can test it out here।