2010-08-28 20 views
5
$('#element').draggable ({ 
    stop: function() { 
     alert ('stopped'); 
     //do some action here 
    } 
}).trigger('stop'); 

कुछ नहीं होता के लिए विधि, सोचा #element अब खींचने योग्य है और घटना के बाद खींचें पर अमल करता है पूरा हो गया है। मैंने कोशिश की .triggerHandle के साथ-साथ 'dragstop' eventtype के रूप में, कोई भाग्यJquery .trigger ('स्टॉप') .draggable

उत्तर

5

उपयोग यह बजाय गति प्रदान करने के:

.trigger('dragstop') 

आप इसे एक सामान्य घटना के रूप में पूरी तरह से व्यवहार करते हैं, .bind उपयोग करना चाहते हैं ('dragstop ', फ़ंक्शन) इसे संलग्न करने के लिए, स्टार्ट विकल्प थोड़ा अलग व्यवहार करता है।

+0

मैं करने की कोशिश की, एक ही – selytch

+1

@selytch के लिए उपयोग की जरूरत के लिए इस्तेमाल किया है। बाँध()? कॉलबैक को सीधे बाइंड की तुलना में थोड़ा अलग माना जाता है जिसे यहां कहा जाता है। –

+0

धन्यवाद, यह काम करता है! मुझे एहसास नहीं हुआ। बाइंड अलग-अलग काम करता है। क्या यह दस्तावेज है? (शायद हां ...) – selytch

-1

मुझे पता है कि यह एक पुराना सवाल है, लेकिन अब jQuery simulate plugin का उपयोग करके ड्रैगस्टार्ट और ड्रैगस्टॉप की बजाय jquery ui की वास्तविक ड्रैग घटना को ट्रिगर करना संभव है। आप का उपयोग कर प्रयास किया था -

यहाँ कोड मैं क्योंकि मैं अपने आकार बदलने योग्य वस्तु (डेटा केवल खींचें स्टॉप पर नहीं पहुंच) की तड़क तत्वों

$(this).resizable({ 
    handles: 'e', 
    stop: function (e, ui) { 
     var resizable = ui.element;    
     resizable.simulate("mousedown", {clientX: e.clientX, clientY: e.clientY}); 
     resizable.simulate("mousemove", {clientX: e.clientX + 10, clientY: e.clientY + 10}); 
     resizable.simulate("mouseup", {clientX: e.clientX, clientY: e.clientY}); 
    } 
}); 
संबंधित मुद्दे