jQuery खींचने योग्य सक्षम और अक्षम

Question

Ive कुछ भी करने की कोशिश की यह करने के लिए है, लेकिन हमेशा एक ही त्रुटि

$(".tooltip").draggable('disable'); 

त्रुटि मिलती है: पर तरीकों कॉल नहीं कर सकते खींचने योग्य पूर्व प्रारंभ करने के लिए; विधि 'अक्षम' कॉल करने का प्रयास

आरंभ करने से पहले? तो मैं वास्तव में इसके आसपास खींचने से पहले विकल्प को हटा नहीं सकता? मैंने ड्रॉपपेल के साथ भी कोशिश की, ऐसा लगता है कि यह त्रुटि प्राप्त किए बिना उन्हें अक्षम अक्षम कर दिया गया है।

संपादित करें: मुझे पता चला कि मेरे पास कक्षा के साथ एक तत्व है जो ड्रैगगेबल के बिना है (जो त्रुटि को देखते समय समझ में आता है)।

http://jqueryui.com/draggable/ 

आप है ": अब मैं सिर्फ इसलिए यह त्रुटि :)

Answer 1

इस प्रयास करें:

$(".tooltip").draggable({ disabled: true }); 

यह विकलांग राज्य में खींचने योग्य initializes। इसके बाद आप

$(".tooltip").draggable("enable"); 

बाद में जब आप खींचने की अनुमति देना चाहते हैं तो इसका उपयोग कर सकते हैं।

Answer 2

प्रलेखन http://api.jqueryui.com/draggable/

पर एक नज़र और यहाँ एक उदाहरण लें फेंकने के बिना सभी draggables अक्षम कर देता है एक रास्ता खोजने के लिए है "jquery-ui.js लाइब्रेरी" शामिल है?

इस पहेली पर प्रयास करें! http://jsfiddle.net/3Lrg2/23/

Answer 3

अपने तत्व से ईवेंट को हटाने के लिए .unbind ('ondrag') का उपयोग करने का प्रयास करें।

क्षमा करें मुझे लगता है कि यह $ ("टूलटिप") होना चाहिए। घटना नाम पर unbind ('draggable') 100% निश्चित नहीं है।

Answer 4

मैं इस jsfiddle में अपने परिदृश्य बनाने में समर्थ था:

http://jsfiddle.net/dboots/NDZKY/

यह

$('.draggable').draggable('disable'); 

और

$('.draggable').draggable('enable'); 

उपयोग कर रहा है वहाँ कुछ अलग है कि आप कर रहे हैं है ऐसा करने में सक्षम नहीं है? ऐसा लगता है कि आपके पास एक ही वाक्यविन्यास है।

Answer 5

उपयोग एक बटनको और अक्षम

$("#container").draggable({disabled:false}); 
$("#container").draggable({disabled:true}); 

सरल उदाहरण सक्षम नीचे दिया गया है:

<div id = "container"></div> 
<button id = "control"></button> 
<script> 
    $(document).ready(function() 
    { 
     $("#control").click(function() 
      { 
      if($("#control").hasClass("active") 
       { 
       $("container").draggable({disabled:true}); 
       $("control").removeAttr("class","active"); 
       } 
      else 
       { 
       $("container").draggable({disabled:false}); 
       $("control").attr("class","active"); 
       } 
      }); 
    }); 
</script>