1

私はタブ付きのソート可能なリストシステムを持っています。ただし、どのタブにドラッグできるかを制限するのに問題があります。

現在の私のJavaScriptは次のようになっています

<script>
    $(function() {
        $( "#sortable1, #sortable2, #sortable_end" ).sortable().disableSelection();

        var $tabs = $( "#tabs" ).tabs();

        var $tab_items = $( "ul:first li", $tabs ).droppable({
            accept: ".connectedSortable li",
            hoverClass: "ui-state-hover",
            drop: function( event, ui ) {
                var $item = $( this );
                var $list = $( $item.find( "a" ).attr( "href" ) )
                    .find( ".connectedSortable" );

                ui.draggable.hide( "slow", function() {
                    $tabs.tabs( "select", $tab_items.index( $item ) );
                    $( this ).appendTo( $list ).show( "slow" );
                });
            }
        });
    });
    </script>

と私のhtml

<div id="tabs">
    <ul>
        <li><a href="#Models">Make</a></li>
        <li><a href="#Minutes">Minutes</a></li>
        <li><a href="#Final">Final</a></li>
    </ul>
</div>

    <div id="Models">
            <ul id="sortable1" class="connectedSortable ui-helper-reset">
            <li id="item_=1"><div>nokia lumia 800</div></li><li id="item_=2"><div>Apple iPhone 4s</div></li><li id="item_=3"><div>Samsung Galaxy S2</div></li><li id="item_=4"><div>Blackberry Bold 9900</div></li><li id="item_=5"><div>HTC Sensation XE</div></li><li id="item_=6"><div>Sony Ericsson Xperia Arc S</div></li>     </ul>
        </div>

        <div id="Minutes">
            <ul id="sortable2" class="connectedSortable ui-helper-reset">


  <li id="item_=13"><div>100</div></li><li id="item_=14"><div>200</div></li><li id="item_=15"><div>500</div></li><li id="item_=16"><div>700</div></li><li id="item_=17"><div>1000</div></li><li id="item_=18"><div>2000</div></li><li id="item_=19"><div>3000</div></li><li id="item_=27"><div>Unlimited</div></li>     </ul>
        </div>

        <div id="Final">
            <ul id="sortable_end" class="connectedSortable ui-helper-reset">            
        </div>

モデルから数分に物事をドラッグできます。最終的にドラッグできるのは物事だけになるように制限したいと思います。できれば、両方のタブから1つのアイテムのみを選択してください。

みんなありがとう

4

0 に答える 0