पता लगाएं कि जब jQuery UI के ड्रैगगेबल के साथ आइटम को बाएं या दाएं खींचा जा रहा है?

Question

मैं एक तत्व खींचने योग्य और कोड में JQuery UI का उपयोग कर रहा हूं, कोई यह निर्दिष्ट कर सकता है कि प्रारंभ, खींचें और अंत में क्या करना है।

लेकिन मैं ड्रैग बाएं पर एक फ़ंक्शन कैसे चला सकता हूं और दूसरा ड्रैग सही पर कैसे चला सकता हूं?

मैंने ड्रैग करने योग्य धुरी को केवल एक्स-अक्ष में ही सीमित कर दिया है। तो तत्व केवल बाएं या दाएं स्थानांतरित कर सकता है।

Answer 1

चेक इस डेमो: http://jsfiddle.net/3NtS9/

आप इसे पिछले घटना के खिलाफ जाँच प्रत्येक परमाणु खींचें संचालन पर समन्वय से कर सकते हैं।

http://jqueryui.com/draggable/#events

Answer 2

मैं तुम्हें start और stop घटनाओं को संभालने और बंद स्थिति में स्थिति डेल्टा निर्धारित पाने के लिए है कि क्या उसे बाएं या दाएं ले जाया गया था की सिफारिश करेंगे यह:

$("#draggable").draggable({ 
    drag: function(event, ui) { 
     $(this).text(ui.originalPosition.left > ui.position.left ? 'left' : 'right'); 
    } 
}); 

डेमो: http://jsfiddle.net/GNHTW/

+०१२३५१६४१०६

Answer 3

यहाँ क्या करने के लिए एक आसान तरीका है:

var prevX = -1; 

$('div').draggable({ 
    drag: function(e) { 
     //console.log(e.pageX); 
     if(prevX == -1) { 
      prevX = e.pageX;  
      return false; 
     } 
     // dragged left 
     if(prevX > e.pageX) { 
      console.log('dragged left'); 
     } 
     else if(prevX < e.pageX) { // dragged right 
      console.log('dragged right'); 
     } 
     prevX = e.pageX; 
    } 
});