ドラッグ可能なものが特定の領域にドラッグされるときに、特定の領域への自動スクロールを有効にしています。
ドラッグ可能なものが別のソート可能なものの上にドラッグされたときに起動するリスナーはありますか?このフィドルでは、アイテムがドロップされたときにリスナーが起動しますが、アイテムがドロップ可能な領域にあるが、まだドロップされていないときに起動するリスナーはありますか? http://jsfiddle.net/adrianjsfiddlenetuser/zyUkd/79/
コード:
<div class="connected">
<div class="myDivs">Hello 01</div>
<div class="myDivs">Hello 02</div>
<div class="myDivs excludeThisCss">Hello 03</div>
<div class="myDivs">Hello 04</div>
<div class="myDivs">Hello 05</div>
<div class="myDivs excludeThisCss">Hello 06</div>
<div class="myDivs">Hello 07</div>
<div class="myDivs">Hello 08</div>
<div class="myDivs excludeThisCss">Hello 09</div>
<div class="myDivs">Hello 10</div>
</div>
<div class="connected">
<div class="myDivs">Hello 01</div>
<div class="myDivs">Hello 02</div>
<div class="myDivs excludeThisCss">Hello 03</div>
<div class="myDivs">Hello 04</div>
<div class="myDivs">Hello 05</div>
<div class="myDivs excludeThisCss">Hello 06</div>
<div class="myDivs">Hello 07</div>
<div class="myDivs">Hello 08</div>
<div class="myDivs excludeThisCss">Hello 09</div>
<div class="myDivs">Hello 10</div>
</div>
.connected {
float: left;
margin: 6px;
}
.myDivs {
margin: 0 5px 5px 5px;
padding: 5px;
font-size: 1.2em;
font-family: sans-serif;
width: 120px;
background: #F2F2F2;
cursor: pointer;
border: 1px solid #D9D9D9;
color: #1C94C4;
}
.excludeThisCss {
background: pink;
}
$(function() {
$( ".connected" ).sortable({
connectWith : ".connected",
items : ".myDivs:not(.excludeThisCss)",
stop : function(event,ui) { alert($(ui.item).text()) }
}).disableSelection();
});