jQuery Tabs FX при загрузке страницы - PullRequest
Новая
       21

jQuery Tabs FX при загрузке страницы

1 голос
/ 01 ноября 2011

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

Текущий код .... 

<script type="text/javascript">
    $(window).load(function () {
        $('#tabs').tabs({
            fx: {
                height: "toggle",
                duration: 1000
            }
        });
    });
    function changeTab(tabID) {
        $('#tabs').tabs('select', tabID);
    }
</script>
@if (ViewBag.SelectedTab != null)
{
    <script type="text/javascript">
        $(window).load(function(){
            $('#tabs').delay(500).tabs('select', @(ViewBag.SelectedTab - 1));
            $('.Equalize').equalHeights();
        });
    </script>
}

Я включил код MVC3 на всякий случай, хотя я не верю, что он должен иметь влияние.

Может ли кто-нибудь указать мне, как это сделать, или, если это возможно, при существующих способностях jquery / jqueryUI / tabs?

1 Ответ

0 голосов
/ 01 ноября 2011

В настоящее время я сомневаюсь, что есть возможность достичь этого.Таким образом, временное решение может заключаться в том, чтобы использовать css, чтобы скрыть исходную вкладку перед инициализацией, используя display:none, а затем добавить анимацию, чтобы показать сгенерированную вкладку, используя событие tabs create. 

$( "#tabs" ).tabs({ fx: { opacity: 'toggle'
                         },                 
       create: function(event, ui) {
           $(this).animate({opacity: 'toggle'},3000);             
        }                  
});

Пример здесьhttp://jsfiddle.net/Quincy/ZA56n/2/

...