jQuery UI Вкладки rotate, fx и event: mouseover все вместе в одном - PullRequest
Новая
       12

jQuery UI Вкладки rotate, fx и event: mouseover все вместе в одном

2 голосов
/ 06 октября 2009

Я просмотрел все учебники, которые смог найти, изучил вопросы здесь и прочитал исходный код jQuery UI Tabs, но до сих пор не могу понять это.

Моя цель - иметь вращающийся блок контента с эффектом fx fade и mouseover на навигационных номерах.

Вы можете увидеть почти рабочую версию здесь:
http://www.chesapeakelifemag.com/index.php/cl_new/index

Как вы можете видеть, наведение мыши работает и вращение работает, но эффекты не отображаются. Это код, с которого я работаю 

$(document).ready(function(){
  $("#content_slider").tabs(
          {event: 'mouseover'}).tabs(
          { fx: [{opacity: 'fadeOut', duration: 'slow'},
          {opacity: 'toggle', duration: 'fast'}] }).tabs(
         'rotate', 5000, true);
  });

Мне кажется, что я собираю кучу аргументов, которые все должны входить в одну функцию .tabs (), но когда я пытаюсь, все функции mouseover, fx или вращение нарушаются.

У кого-нибудь есть ответ? 

$(document).ready(function(){
$("#content_slider").tabs({event: 'mouseover', 
        fx: [{opacity: 'fadeOut', duration: '100'}, 
             {opacity: 'toggle', duration: 'fast'}]}).tabs(
        'rotate', 7000, true);
});'

1 Ответ

1 голос
/ 06 октября 2009

Попробуйте следующий формат: 

$(document).ready(function() {
    $("#content_slider").tabs({
        event: 'mouseover',
        fx: {
            opacity: 'toggle',
            duration: 'slow'
        }
    }).tabs('rotate', 5000, true);
});

Я использую вкладки в приложении и добавил вышеупомянутое свойство fx, и оно заработало. Я не уверен, что ваш скрипт правильно структурирует эффекты.

...