Пользовательский интерфейс jQuery не сохраняет исходную непрозрачность сортируемого элемента, когда он находится на другой вкладке - PullRequest
Новая
       14

Пользовательский интерфейс jQuery не сохраняет исходную непрозрачность сортируемого элемента, когда он находится на другой вкладке

1 голос
/ 12 сентября 2011

Я использую сортируемую функцию jQuery UI с списком подключений через вкладки . Код jQuery, который инициализирует это, выглядит следующим образом: 

$( "#sortable1, #sortable2, #sortable3, #sortable4, #sortable5, #sortable6, #sortable7, #sortable8, #sortable9, #sortable10" ).
    sortable({ 
        placeholder: 'sortable-placeholder', 
        forcePlaceholderSize: true, 
        opacity: 0.7
});

$('.tabs').tabs();
var $tabs = $( ".tabs" ).tabs('paging', { follow: true, followOnSelect: true, tabsPerPage: 5});

var $tab_items = $( "ul:first li", $tabs ).droppable({
    tolerance: "pointer",
    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( "fast", function() {
            $tabs.tabs( "select", $tab_items.index( $item.prev() ) );
            $( this ).appendTo( $list ).show( "fast" );
        });
    }
});

Сортировка, перетаскивание работает прекрасно. Проблема с непрозрачностью . Когда я сортирую на той же вкладке, оригинальный элемент возвращается (я предполагаю, что помощник исключен). НО, когда я перетаскиваю элемент списка на другую вкладку, непрозрачность остается (я предполагаю, что помощник - это элемент, который в этом случае отбрасывается). Может ли кто-нибудь указать мне правильное направление?

Любые комментарии или предложения будут с благодарностью.

Спасибо!

1 Ответ

3 голосов
/ 14 сентября 2011

Я понял это. Непрозрачность может быть просто изменена обратно с помощью .css (). Я мог поклясться, что попробовал это раньше, и это не сработало, но сработало! 

$( this ).appendTo( $list ).show().css({'opacity':'1'});
...