"Exclusive" draggable/droppable
<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" xmlns="http://www.w3.org/TR/REC-html40">
<head>
<meta http-equiv=Content-Type content="text/html; charset=us-ascii">
<meta name=Generator content="Microsoft Word 12 (filtered medium)">
<style>
<!--
/* Font Definitions */
@font-face
{font-family:"Cambria Math";
panose-1:2 4 5 3 5 4 6 3 2 4;}
@font-face
{font-family:Calibri;
panose-1:2 15 5 2 2 2 4 3 2 4;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{margin:0in;
margin-bottom:.0001pt;
font-size:11.0pt;
font-family:"Calibri","sans-serif";}
a:link, span.MsoHyperlink
{mso-style-priority:99;
color:blue;
text-decoration:underline;}
a:visited, span.MsoHyperlinkFollowed
{mso-style-priority:99;
color:purple;
text-decoration:underline;}
span.EmailStyle17
{mso-style-type:personal-compose;
font-family:"Calibri","sans-serif";
color:windowtext;}
.MsoChpDefault
{mso-style-type:export-only;}
@page Section1
{size:8.5in 11.0in;
margin:1.0in 1.0in 1.0in 1.0in;}
div.Section1
{page:Section1;}
-->
</style>
<!--[if gte mso 9]><xml>
<o:shapedefaults v:ext="edit" spidmax="1026" />
</xml><![endif]--><!--[if gte mso 9]><xml>
<o:shapelayout v:ext="edit">
<o:idmap v:ext="edit" data="1" />
</o:shapelayout></xml><![endif]-->
</head>
<body lang=EN-US link=blue vlink=purple>
<div class=Section1>
<p class=MsoNormal>I just opened a ticket on this, but then it occurred to me
that someone may already have a solution for it.<o:p></o:p>
<p class=MsoNormal><o:p> </o:p>
<p class=MsoNormal>I’m building a drag-and-drop page manager for a
CMS. Unfortunately, the draggable is large enough to hit two drop zones
at the same time, firing the “put page here” event twice.<o:p></o:p>
<p class=MsoNormal><o:p> </o:p>
<p class=MsoNormal>The “greedy” option only applies to nested droppables,
so that doesn’t solve this problem.<o:p></o:p>
<p class=MsoNormal><o:p> </o:p>
<p class=MsoNormal>I figured that something like an “exclusive”
option would work, whereby if a draggable is over a valid drop zone, it returns
false on intersecting any other drop zones. I’ve been fiddling with
the code in the droppable script for the last day trying to solve this to no
avail.<o:p></o:p>
<p class=MsoNormal><o:p> </o:p>
<p class=MsoNormal>Has anyone else run into this?<o:p></o:p>
<p class=MsoNormal><o:p> </o:p>
<p class=MsoNormal>JK<o:p></o:p>
</div>