在jqueryui排序中使用connectedWith屬性時，如何防止第二個或更多更新函數？

Question

$(document).ready(function() 
{ 
    $('.sortable').sortable(
    { 
     connectWith:'.sortable', 
     update: function() 
     { 
       alert('sorted'); 
     } 
    }); 
}); 
<ul class='sortable'> 
    <li>A</li> 
    <li>B</li> 
    <li>C</li> 
</ul> 
<ul class='sortable'> 
    <li>1</li> 
    <li>2</li> 
    <li>3</li> 
</ul> 

好的，這個警告兩次，當我排序與UL。即使按UL或Li排序，我也需要一次提醒。

Answer 1

我已經找到一種方法來做到這一點。

$updated = false; 
$('.sortable').sortable(
{ 
    connectWith: '.sortable', 
    stop: function() 
    { 
     if($updated) 
     { 
       alert('Updated!'); 
     } 
     $updated = false; 
    }, 
    update: function(e, ui) 
    { 
     $updated = true; 
    } 
}); 

Answer 2

看起來像一切正常：當你在單個UL裏面排序LI時，你會收到一個警報。但是如果將LI從一個UL移動到另一個UL，則會收到兩個警報，因爲每個排序都會更新。首先失去一個LI和第二接收它：http://jsfiddle.net/CoolEsh/Kuwzq/1/

如果您只需要在更新列表中的一個，然後下一步警報：

$(document).ready(function() 
{ 
    $('.sortable1').sortable(
    { 
     connectWith:'.sortable2' 
    }); 

    $('.sortable2').sortable(
    { 
     connectWith:'.sortable1', 
     update: function() 
     { 
       alert('sorted'); 
     } 
    }); 
}); 
<ul class='sortable1'> 
    <li>A</li> 
    <li>B</li> 
    <li>C</li> 
</ul> 
<ul class='sortable2'> 
    <li>1</li> 
    <li>2</li> 
    <li>3</li> 
</ul>