JQuery UI पर टॉगल कार्यक्षमता को कैसे कार्यान्वित करें?

Question

मैं JQuery UI - Selectable का उपयोग कर रहा हूं। यदि तत्व दबाया गया है तो मैं तत्व को अचयनित करना चाहता हूं और इसे पहले से ही चुना गया है (टॉगल)

क्या आप इस कार्यक्षमता को जोड़ने में मेरी सहायता कर सकते हैं कृपया!

Answer 1

क्योंकि सभी वर्ग कॉलबैक की

, तो आप इस की तुलना में काफी बेहतर करने के लिए नहीं जा रहे हैं:

$(function() { 
     $("#selectable").selectable({ 
      selected: function (event, ui) { 
       if ($(ui.selected).hasClass('click-selected')) { 
        $(ui.selected).removeClass('ui-selected click-selected'); 

       } else { 
        $(ui.selected).addClass('click-selected'); 

       } 
      }, 
      unselected: function (event, ui) { 
       $(ui.unselected).removeClass('click-selected'); 
      } 
     }); 
    }); 

Answer 2

यदि आप क्लिक करते समय Ctrl कुंजी दबा रहे हैं तो आपके पास पहले से ही jQuery UI के साथ कार्यक्षमता है।

यदि आपको वास्तव में डिफ़ॉल्ट कार्यक्षमता के रूप में इसकी आवश्यकता है, तो आपको चयन करने योग्य उपयोग करने की आवश्यकता नहीं है, आप इसे सरल ऑनक्लिक हैंडलर के रूप में कर सकते हैं, जैसे कि नोलाबेल ने सुझाव दिया था।

या ... आप jquery.ui.selectable.js संपादित कर सकते हैं और एक विकल्प जोड़ सकते हैं जो आपको चाहिए। बहुत कठिन नहीं होना चाहिए, वहां 4 स्थान हैं जहां event.metaKey चेक किया गया है, सुनिश्चित करें कि आपका विकल्प सेट है या नहीं, बस कोडपैथ चलाएं जैसे कि event.metaKey हमेशा सत्य था।

चूंकि चयनकर्ता कुछ और अनुकूलन का उपयोग कर सकते हैं, तो आप jQuery UI डेवलपर्स के लिए अगले आधिकारिक संस्करण में इसे शामिल करने के लिए एक सुविधा अनुरोध भी कर सकते हैं।

Answer 3

आप प्राप्त करने के लिए आप क्या चाहते हैं कोड में दो सरल तत्वों इंजेक्षन करने के लिए है। जब भी आपको उलटा/टॉगल कार्यक्षमता की आवश्यकता होती है, तो यह सिर्फ मेटाकी बूलियन को बदल देता है।

options: { 
    appendTo: 'body', 
    autoRefresh: true, 
    distance: 0, 
    filter: '*', 
    tolerance: 'touch', 
    inverted: false /* <= FIRST*/ 
}, 

_mouseStart: function(event) { 
    var self = this; 

    this.opos = [event.pageX, event.pageY]; 

    if (this.options.disabled) 
     return; 

    var options = this.options; 

    if (options.inverted) /* <= SECOND*/ 
     event.metaKey = !event.metaKey; /* <= SECOND*/