Отсутствует анимация CarouFredSel при использовании вкладок JQuery UI

Question

Я работаю на сайте new.xpient.com. На первой странице я использую вкладки пользовательского интерфейса JQuery, а для галереи автопрокрутки я использую CarouFredSel. Я серьезно посмотрел на документацию по обоим вопросам, но у меня проблема.

Кажется, что если вы переключаете вкладки, новый контент (li элементов) не перемещается. Даже если вы вернетесь на начальную вкладку, анимация прекратится. Я предполагаю, что это означает, что скрипт запускается только тогда, когда документ загружается и не применяется к новым ul s, когда вы переключаете их с вкладками.

Вот мой код, я уверен, вам нужно его увидеть.

http://pastebin.com/QVEBejab

Как я могу сделать CarouFredSel работать вместе с JQuery вкладки?

Answer 1

Каждая карусель не должна быть display: none как в закрытых вкладках JQuery UI, но вы можете переопределить стандартный стиль UI CSS:

#yourtabs.ui-tabs .ui-tabs-hide { 
    display: block !important; 
    visibility: hidden; 
    height: 0; 
} 

Answer 2

Я решил это первым получать JQuery скрипт, затем, сценарий caroufredsel между головкой теги. И, наконец, (как раз перед </body>), я получаю скрипт Tabs.