2011-11-16 10 views
10

के लिए ड्रैग इवेंट drag ईवेंट को कैसे सुनें जब jquery-ui-sortable खींचा जा रहा है?jquery-ui-sortable

हिट-एन-ट्रायल रणनीति द्वारा, मैंने jquery-ui-draggable से ईवेंट की कोशिश की है लेकिन यह काम नहीं कर रहा है। इस उद्देश्य के लिए

$('.widget_container').sortable({ 
    drag: function(event, ui) { console.log('drag'); } 
}); 

उत्तर

26

उपयोग sort घटना:

$(".sortable").sortable({ 
    sort: function(e) { 
     console.log('X:' + e.screenX, 'Y:' + e.screenY); 
    } 
}); 

http://jsbin.com/kegeb

+0

वाह! सरल आदमी मुझे आश्चर्य है कि मैंने इसे कैसे याद किया। –

+1

तो अब स्पष्ट है कि मैंने इसे देखा है ... हाहा। उत्तम! – daGUY

1

आप घटना को संभालने के लिए की जरूरत है जब खींचें करने के लिए उपयोगकर्ता शुरू होता है, तो आप handle बजाय sort का उपयोग करना चाहिए:

$(".sortable").sortable({ 
    handle: function(e) { 
     console.log('Handled'); 
    } 
}); 

इस घटना को खींचें की शुरुआत में आता होगा , और जब पृष्ठ लोड होता है (http://api.jqueryui.com/sortable/#option-handle)।

मैं सुझाव है कि आप भी इस सवाल का जवाब है, जो जब आपकी सूची अद्यतन किया जाता है अपने तत्वों को संभालने के लिए सही तरीके बताते हैं की जाँच करने के: Get order of list items in a jQuery Sortable list after resort

गुड लक

+0

मैंने 'हैंडल' विधि की कोशिश की और पाया कि यह क्लिक करने और खींचने के बीच अंतर नहीं कर सका और अजीब तरह से, सुविधा को सॉर्ट करने के लिए क्लिक अक्षम कर दिया गया। – ariebear