Question

我想在可排序列表的第一项中使div - “small_box”始终不可见。我尝试使用jquery first（），但它只能运行一次，并且只在拖动时才能用于同一个元素。当我将它拖到第一个位置以外，然后为首先跳转的项目制作不可见的“small_box”时，我怎么能简单地将其恢复为可见？

我把实况示例放在这里：http://jsfiddle.net/kriskasper/3knnn/

<ul id="sortable" class='connectedSortable'>
<li>
    <div class="small_box">small box</div>     
    <div class="big_box">big box</div>
</li>        
<li>
    <div class="small_box">small box</div>     
    <div class="big_box">big box</div>
</li>        
<li>
    <div class="small_box">small box</div>     
    <div class="big_box">big box</div>
</li>

<li>
    <div class="small_box">small box</div>     
    <div class="big_box">big box</div>
</li>       
</ul>

这是jquery ui函数：

    $(function() {
    $( "#sortable" ).sortable({
        connectWith: ".connectedSortable",
        placeholder: "ui-state-highlight",
        forcePlaceholderSize: true,
        opacity: 0.6,
        revert: 70

    });
});

请帮忙。

Answer 1

您应该使用可排序的插件事件。当连接元素接收项目时会触发sortreceive事件。我的猜测就像......

$("#sortable").bind("sortreceive", function(event, ui) {
    $(".connectedSortable .small_box").show();
    $("#sortable .small_box").first().hide();
});

jquery ui sortable，第一项中的div块不可见

1 个答案: