JQuery - Problemas con Jquery ui Tabs

   
Vista:

Problemas con Jquery ui Tabs

Publicado por tapps (1 intervención) el 21/04/2014 23:57:27
Buenas me podrian ayudar, recien estoy empezando con jquery ui el problema que tengo es el siguiente yo tengo 3 tabs de lo cual el 1er tab cuando arrastro no se debe colocar en el 3 tap, tiene que seguir la secuencia 1tab,2tab,3tab, donde coloco el filtro para que cuando arrastre del 1 tab al 3 me salga un mensaje, espero que me puedan ayudar gracias les dejo el codigo a ver si a alquien tambien le presenta este problema.
$(function() {
$( "#sortable1, #sortable2, #sortable3" ).sortable().disableSelection();

var $tabs = $( "#tabs" ).tabs();
var status =$("#tabs").tabs("disable",2);
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( "option", "active", $tab_items.index( $item ) );
$( this ).appendTo( $list ).show( "slow" );
});
var $a=$tab_items.index($item);
var $df=$tab_items.index($item)-1;

var $aa=$(ui.draggable).attr("id");

alert('Tabs inicio: '+ $a+ ', Tarea: ' + $aa+','+$df);
}
});

});
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder