Различные анимации для JQuery ui tabs

Question

Я использую виджет jquery ui tabs. Я не использовал тему jquery, поскольку я предпочитаю делать свои собственные css и прочее. У меня это работает, но я бы хотел, чтобы у меня был другой эффект анимации для содержимого вкладки при нажатии другой вкладки. Я бы хотел, чтобы новый вкладка отображался слева.

На данный момент у меня есть:

$("#tabs").tabs({ fx: {slide: 'slow' } }); }); 

Я знаю, что приведенный выше код просто скользят и не скользит влево, но она даже не сделать слайд! Я загрузил эффекты слайдов как часть моей пользовательской загрузки ui. Я не знаю, почему он не работает! Это какой-то css, которого мне не хватает ?! Я не знаю!!!

Answer 1

Не уверены, какую версию вы используете, но с 1.7.1 вот как это сделать:

$("#tabs").tabs({ 
    fx: { height: 'toggle', duration: 'slow' } 
}); 

Answer 2

я знаю, этот вопрос старше года, но вы можете попробовать это одно:

$('#tabs').tabs(
{ 
    fx: { width: 'toggle', duration: '500' } 
}); 

Если вы используете 'width', jQuery создаст эффект с использованием свойства width, а значит и горизонтальной анимации. вы также можете использовать высоту и ширину для диагонального эффекта.

также пытаются «скрыть» и «шоу» ключевые слова вместо «тумблер», они слишком круто :)

Answer 3

Попробуйте это: http://www.eduteka.org/ajax/tabs3/ больше вариантов

Answer 4

Просто обновить ответ этот вопрос, используя версию 1.10 jquery ui, я использовал параметр «показать», чтобы применить эффект перехода к вкладкам. Существует пример в Ui документации Jquery здесь:

http://api.jqueryui.com/tabs/#option-show

$(".selector").tabs({ show: { effect: "blind", duration: 800 } });