वास्तव में खींचने और छोड़ने के बिना मैं jQuery UI Droppable के साथ ड्रॉप ईवेंट को कैसे ट्रिगर करूं?

Question

मैं एक droppable एक बूंद ईवेंट हैंडलर के साथ है:

$(this).droppable({ 
    drop:function(){ 
    console.log('OMG You Dropped It!'); 
    } 
}); 

मैं एक खींचने योग्य:

$(this).draggable(); 

मुझे क्या करना चाहते हैं droppable पर ड्रॉप ईवेंट हैंडलर को गति प्रदान करता है वास्तव में खींचने और खींचने योग्य छोड़ने के बिना। मैं व्यवहार को शारीरिक रूप से निष्पादित किए बिना वास्तविक व्यवहार को अनुकरण करना चाहता हूं।

मैंने सोचा था कि कुछ इस तरह करना होगा:

$(droppable).trigger('drop', [draggable]); 

दुर्भाग्य से, यह काफी इतना आसान नहीं है। क्या कोई जानता है कि मैं इसे कैसे पूरा कर सकता हूं?

Answer 1

आप एक अलग कार्य करने के लिए अपने drop हैंडलर में कोड बढ़ना चाहिए।
फिर आप हैंडलर और अन्य जगहों पर फ़ंक्शन को कॉल कर सकते हैं।

$("#droppable").droppable({ 
     drop: function(event, ui) { 
      do stuff } 
    }); 
var drop_function = $("#droppable").droppable.option('drop'); 
drop_function(); 

इस तरह आप मिल जो कुछ भी होगा जब droppable पर कुछ गिर:

Answer 2

आप समारोह विकल्प-विधि के माध्यम से ड्रॉप कॉल के साथ जुड़े को गति प्रदान कर सकते हैं। बेशक आप इसे असाइन करने के बजाए फ़ंक्शन निष्पादित कर सकते हैं। फिर भी एक कार्य को छोड़ने के लिए एक अच्छा विचार है, कि आप स्पष्ट रूप से स्पष्टता के लिए कहीं और परिभाषित करते हैं।

Answer 3

jQuery की हाल के संस्करण के साथ StuperUser द्वारा बताया के रूप में और ajmurmann के उत्तर के आधार पर, आपको क्या करना चाहिए:

$("#droppable").droppable({ 
    drop: function(event, ui) { 
     do stuff } 
}); 
var drop_function = $("#droppable").droppable('option', 'drop'); 
drop_function();