javascript - jQuery Drag plugin - Prevent dropping of a drag element on the top of another -

-

मैं jQuery के प्लूंस का उपयोग करता हूं और

देखिए (केवल एक संदर्भ प्रश्न आंदोलन को सीमित करने के बारे में नहीं है एक कंटेनर)

क्या किसी अन्य तत्व के शीर्ष पर एक ड्रैग तत्व को छोड़ना संभव है? लेकिन इसे दूसरे पर खींच लिया जा सकता है।

जब आप event.drag के साथ क्या चाहते हैं पूरा कर सकते हैं / ड्रॉप स्क्रिप्ट यह भी आसानी से jquery ui - draggable / droppable का उपयोग कर किया जाता है।

घटना के लिए।, अगर आप अपने मानदंड (या इसके विपरीत) से मेल खाता है, तो आपको झूठी वापसी की जरूरत है: 

  $ ('# drag1')। ड्रॉप ("init", फ़ंक्शन () {if ($ (this) .is ('# baddiv')) वापस लौटा;})

यहां jquery UI संस्करण है, इसमें $ () में स्वीकार विकल्प में बनाया गया है। ड्रॉपपैबल फ़ंक्शन - यह चयनकर्ताओं को भी स्वीकार करता है यह उदाहरण ऊपर के पीछे है उपरोक्त आप कहीं भी ले जा सकते हैं लेकिन बुराडिव, जबकि नीचे दिए गए इस उदाहरण से आप कहीं भी नहीं जा सकते हैं, लेकिन परिभाषित डॉपटाबल:

स्क्रिप्ट: 

  $ ("# खींचें 1, # ड्रैग 2 ")। Draggable ({revert: 'invalid'}); $ ("# ड्रॉप")। Droppable ({स्वीकार करें: '# ड्रैग 1', ड्रॉप: फ़ंक्शन (इवेंट, यूआई) {// ड्रॉप पर होने वाला}}});

html: 

  & lt; div id = "drop" शैली = "चौड़ाई: 300px; ऊंचाई: 300px; पृष्ठभूमि: नीला" & gt; & lt; / div & gt; & Lt; div id = "drag1" शैली = "चौड़ाई: 50px; ऊंचाई: 50 पीएक्स; पृष्ठभूमि: हरा" & gt; & lt; / div & gt; & Lt; div id = "drag2" शैली = "चौड़ाई: 50px; ऊंचाई: 50 पीएक्स; पृष्ठभूमि: पीला" & gt; & lt; / div & gt;

यह एक बड़ा droppable क्षेत्र बनाता है, लेकिन यह केवल ड्रैग 1 के draggable आईडी को स्वीकार करेगा। इस आशय को देखने के लिए आपको अपने ड्रैग करने योग्य में विकल्प की आवश्यकता है। इस मामले में मैंने इसे अमान्य में सेट किया है ताकि ड्रैग करने योग्य अपनी मूल स्थिति में वापस स्लाइड हो जाए अगर ड्रॉप मान्य न हो।

मुझे आपकी सटीक आवेदन के बारे में सुनिश्चित नहीं है, लेकिन शायद यह आपको सही में बताएगा

मेरा मानना ​​है कि सॉर्टटेबल समान सेटअप का उपयोग करता है, लेकिन इसमें डिविज़ को जोड़ने और तालिकाओं का समायोजन करने के साथ अधिक है।


Comments

Post a Comment

Popular posts from this blog

paypal - How to know the URL referrer in PHP? -

-
I'm new to integrating PayPal with sites, so easily from the service I can use Can the available method be? What am I trying to do, when the user clicks on "Return to my website", I want my return URL to know that the referrer is PayPal so I can send it automatically to the homepage . how to do this? I tried $ _ SERVER ['HTTP_REFERER'] but it does not seem like anything. During the IPN conversation I set the cookie and session (though I am not sure whether I am correcting it or doing this right), but on returning to my website, it does not seem to recognize any session . If I use it by using $ _ SERVER ['HTTP_REFERER'] , then I'm afraid it's a security risk, is not it? If so, is there any other way I remember? help please. Should you really know the referrer? Set the PayPal Return URL to a "secret" URL which is always redirected to the homepage. If someone reaches there and gets redirected without coming from PayPal, then ...
Read more

oauth - Facebook OAuth2 Logout does not remove fb_ cookie -

-
This is used to work so I'm not sure what's wrong the user just logs in to Facebook properly Is capable of Logging problem. I log out the user logout by redirecting them to the php script. $ facebook-> GetLogoutUrl (); When users click on that link, they are logged out from the Facebook page. However, when they return to my site, I find that the FB_ cookie is still there. PHP SDK still gives user FB session details. The strange thing is that www.facebook.com shows that I am already logged out of Facebook. What can be wrong here? Thanks, I've been stumped: (. OK, finally, what did I do? > GetLogoutUrl () with a next = address url on my logout script which will remove the Facebook cookie by setSession (null) .
Read more

wpf - Line breaks and indenting for the XAML of a saved FlowDocument? -

-
Is there a way to format XAM generated when a flow document is saved? Currently, all of this is run simultaneously in one line, and I want to break it into my elements, with line break and indenting it makes it a little easier to read. Here is the code I'm using to save a FlowDocument in a WPF RichTextBox as a XAML file: // entire document around TextRange textRange Create a TextRange side = new TextRange (myRichTextBox.Document.ContentStart, myRichTextBox.Document .contentEnd); // save the file using the file (file stream fs = file. Create (filename)) {textRange.Save (fs, DataFormats.Xaml); } Savings work fine, but as I mentioned, JPAM has been generated, all this goes together, no indentation or line breaks for its various elements Is: & lt; Section xmlns = "http://schemas.microsoft.com/winfx/2006/xaml/presentation" xml: space = "preserve" Tekstelinement = "left" Lainhait = "auto" Hashipineshn = enabled = "false...
Read more