0

谁能告诉我单击选项卡后如何包含淡入效果？我玩过 FadeIN，但无法让它工作。任何帮助深表感谢！

非常感谢！

enter code here

<script>
        // Wait until the DOM has loaded before querying the document
        $(document).ready(function(){
            $('ul.tabs').each(function(){


enter code here

        // For each set of tabs, we want to keep track of
                // which tab is active and it's associated content
                var $active, $content, $links = $(this).find('a');

                // If the location.hash matches one of the links,     use that as the active tab.
                // If no match is found, use the first link as the initial active tab.
                $active = $($links.filter('[href="'+location.hash+'"]')[0] || $links[0]);
                $active.addClass('active').fadeIn(200);
                $content = $($active.attr('href'));

                // Hide the remaining content
                $links.not($active).each(function () {
                    $($(this).attr('href')).hide();
                });

                // Bind the click event handler
                $(this).on('click', 'a', function(e){
                    // Make the old tab inactive.
                    $active.removeClass('active');
                    $content.hide();

                    // Update the variables with the new link and content
                    $active = $(this);
                    $content = $($(this).attr('href'));

                    // Make the tab active.
                    $active.addClass('active');
                    $content.show();

                    // Prevent the anchor's default click action
                    e.preventDefault();
                });
            });
        });
4

1 回答 1

0

只要 $content 指的是一个有效的对象，只需在适当的地方添加你的淡入淡出。

            // Bind the click event handler
            $(this).on('click', 'a', function(e){

                // Prevent the anchor's default click action
                e.preventDefault();

                // Make the old tab inactive.
                $active.removeClass('active');
                $content.fadeOut(500);
                // Update the variables with the new link and content
                $active = $(this);
                $content = $($(this).attr('href'));

                // Make the tab active.
                $active.addClass('active');
                $content.fadeIn(500);

            });

我将 preventDefault 移到顶部，因为它可能是最好的初始 onClick 操作。

于 2013-10-11T23:13:55.143 回答