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

c# - sqlDecimal to decimal clr stored procedure Unable to cast object of type 'System.Data.SqlTypes.SqlDecimal' to type 'System.IConvertible' -

-
I'm new to this I'm writing a clr. stored procedure that can be used to get values ​​used in a calculation Call for another stored procedure for Gives an archived methodology int (I think SqlInt32? Value of the table's value is int) which is then necessary to convert to decimal. Here I have the code: Public static integral mood (SQL MDMMYLUE, escalistering AMY type, out of SQLDCM Result) {aResult = 0; Try {SqlConnection conn = New SqlConnection ("Reference Connection = True"); SqlCommand cmd = New SqlCommand ("sp_GetType", conn); Cmd.Parameters.AddWithValue ("@ myValueType", aMyValueType); Cmd.CommandType = CommandType.StoredProcedure; Conn.Open (); Object type = CMD. Exclamation Asser (); Conn.Close (); Decimal type FORCalculation = Convert. ToDecimal (type); Decimal value = convert toDecimal (aMyValue); // ** calculation calc = new calculation (); Decimal result = calorie.docalulation (typefarculation, value); I get an exception...
Read more

Calling GetGUIThreadInfo from Outlook VBA -

-
I need to find the active window'm writing a VBA macro in MS Outlook, which is a specific process. The goal of this is to get the active window / document name even if its original application has more than one document interface. User processor with GetCurrentThreadId is active, I am using GetGUIThreadInfo to get .dll. Here is the correct code: private type RECT as as Left LongPtr top LongPtr right LongPtr down LongPtr termination of private type GUITHREADINFO cbSize as LongPtr flags LongPtr hwndActive LongPtr hwndFocus LongPtr hwndCapture LongPtr as as as as as reset as LongPtr rcCaret as LongPtr hwndCreate as LongPtr hwndMoveSize as HwndMenuOwner end of Private Equity PtrSafe function GetWindowThreadProcessId Lib "user32" (_BVV hnw LongPtr as LongPtr Nig Mr. announced as PtrSafe function GetGUIThreadInfo Lib "user32" _ (ByVal dwthreadid as LongPtr, _ lpguithreadinfo as GUITHREADINFO) LongPtr Sub MyFunction () as dim strWindowTitle string = space as s...
Read more

Obfuscating Python code? -

-
I'm looking for a way to hide my Python source code. print "Hello World!" How can I encode this example so that it is not human-readable? I have been asked to use Base 64 but I'm not sure how. itemprop = "text"> It is limited only, first level ambiguous resolution, but has built-in: byte-code in Python Is a compiler for: dragon-o-m py_compile & lt; Your program.py & gt; creates a .pyo file with a byte-code, and where the docstrings are removed, etc. You can rename .pyo with the .py extension, and python & lt; Your program.py & gt; runs as your program, but it does not have your source code. PS : If your program blur modules like this, you need to rename them with the .pyc suffix (I Not sure it will not break a day), or you can work with .pyo and run them with python -o ... .pyo ( Import should work). This will allow dragon to search your modules (otherwise, Python looks for the .py module).
Read more