दिलचस्प पोस्ट
मैं एक टैबकंट्रोल को बाइंड करने के लिए ViewModels का संग्रह कैसे कर सकता हूं? के बीच अंतर क्या है viewWillAppear: और -viewDidAppear :? AngularJS में कुकीज़ कैसे पहुंचें? जावास्क्रिप्ट फंक्शन ऑब्जेक्ट्स के गुण सी # में WebBrowser नियंत्रण DocumentCompleted ईवेंट का उपयोग कैसे करें? चेतावनी: PDOStatement :: execute (): SQLSTATE : अमान्य पैरामीटर संख्या: बाउंड चर की संख्या में टोकन की संख्या से मेल नहीं खाती PHP में डेटा को एन्क्रिप्ट / डिक्रिप्ट कैसे करें? जावास्क्रिप्ट में एक बाहरी स्थानीय JSON फ़ाइल कैसे पढ़ें सोप या वेब सेवाओं के लिए आराम? यूआरएल PHP के साथ फिर से लिखना UIButton: छवि इमेज और शीर्षक Egegeets का उपयोग कर एक छवि और पाठ को कैसे केन्द्रित करना है? मैं सी # में प्रगति बार कैसे लागू करूं? क्या एक एचटीएमएल फॉर्म में स्वत: पूर्ण को अक्षम करने के लिए कोई W3C वैध तरीका है? मैं DOM तत्व कैसे प्राप्त कर सकता हूं जिसमें मौजूदा चयन होता है? सर्वश्रेष्ठ सी ++ कोड फॉर्मेटर / श्वेतफ़ीयर

मैं jquery-ui खींचने योग्य कैसे अक्षम कर सकता हूं?

मैं एक jQuery खींचने योग्य कैसे अक्षम कर सकता हूं, जैसे कि एक UpdatePanel पोस्टबैक के दौरान?

वेब के समाधान से एकत्रित समाधान "मैं jquery-ui खींचने योग्य कैसे अक्षम कर सकता हूं?"

एक DisableDrag (myObject) और एक EnableDrag (myObject) फ़ंक्शन बना सकता है

myObject.draggable( 'disable' ) 

फिर

 myObject.draggable( 'enable' ) 

खींचने योग्य व्यवहार उपयोग को अस्थायी रूप से अक्षम करने के लिए:

 $('#item-id').draggable( "disable" ) 

खींचने योग्य व्यवहार को स्थायी रूप से उपयोग करने के लिए:

 $('#item-id').draggable( "destroy" ) 

JQuery में ड्रैग करने योग्य / सक्षम करने के लिए I used:

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

@ कैल्सीफस का जवाब अस्पष्टता समस्या के साथ मेरे लिए काम नहीं किया, इसलिए मैंने इसका उपयोग किया:

 div.ui-state-disabled.ui-draggable-disabled {opacity: 1;} 

या तो मोबाइल उपकरणों पर काम किया

यहां कोड है: http://jsfiddle.net/nn5aL/1/

अक्षम खींचें योग्य jquery अस्पष्टता समस्या html सक्षम करें

ड्रॉप फ़ंक्शन ui.draggable पर ui.draggable करने ui.draggable को अक्षम करने के लिए यह पता लगाने में थोड़ी थोड़ी देर मुझे ले गया कि ऑब्जेक्ट ड्रॉप फंक्शन के अंदर से खींचा जा रहा है:

 $("#drop-target").droppable({ drop: function(event, ui) { ui.draggable.draggable("disable", 1); // *not* ui.draggable("disable", 1); … } }); 

एचटीएच किसी को

लगता है जैसे कोई भी मूल प्रलेखन को नहीं देखा। हो सकता है कि उस समय कोई नहीं था))

निर्दिष्ट अक्षम विकल्प के साथ एक ड्रैग करने योग्य प्रारंभ करें

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

Init के बाद अक्षम विकल्प प्राप्त करें या सेट करें।

 //getter var disabled = $( ".selector" ).draggable( "option", "disabled" ); //setter $( ".selector" ).draggable( "option", "disabled", true ); 

किसी संवाद के मामले में, उसे ड्रैगएबल नामक एक संपत्ति है, इसे गलत पर सेट करें

 $("#yourDialog").dialog({ draggable: false }); 

हालांकि, सवाल पुराना है, मैंने प्रस्तावित समाधान की कोशिश की और यह संवाद के लिए काम नहीं किया। आशा है कि यह मेरे जैसे अन्य लोगों की मदद कर सकता है

निम्नलिखित है कि यह क्या अंदर की तरह दिखेगा। .draggable({});

 $("#yourDraggable").draggable({ revert: "invalid" , start: function(){ $(this).css("opacity",0.3); }, stop: function(){ $(this).draggable( 'disable' ) }, opacity: 0.7, helper: function () { $copy = $(this).clone(); $copy.css({ "list-style":"none", "width":$(this).outerWidth() }); return $copy; }, appendTo: 'body', scroll: false }); 

मेरे पास एक सरल और सुरुचिपूर्ण समाधान है जो क्लास, शैलियां, छूट और सामान के साथ गड़बड़ नहीं करता है।

ड्रैग करने योग्य तत्व के लिए – आप 'प्रारंभ' ईवेंट जोड़ते हैं जो हर बार तत्व को स्थानांतरित करने का प्रयास करेंगे। आपके पास एक ऐसी स्थिति होगी जो चालें कानूनी नहीं है गैरकानूनी चाल के लिए – उन्हें 'e.preventDefault ();' जैसे नीचे दिए गए कोड में

  $(".disc").draggable({ revert: "invalid", cursor: "move", start: function(e, ui){ console.log("element is moving"); if(SOME_CONDITION_FOR_ILLEGAL_MOVE){ console.log("illegal move"); //This will prevent moving the element from it's position e.preventDefault(); } } }); 

आपका स्वागत है 🙂

से draggable विशेषता को बदलें

 <span draggable="true">Label</span> 

सेवा मेरे

 <span draggable="false">Label</span>