jQuery选项卡和幻灯片显示问题

Question

我有一个需要解决的问题。这包括jQuery选项卡和幻灯片组合的代码。

HTML

<div>
    <div style="display: block;"> 
        <a href="http://www.implanteperio.com.br/megaimersao/"><img src="images/banner/banner_mega_junho.jpg" border="0" /></a>
    </div>
    <div>
        <a href="http://implanteperio.com.br/cursos2013_estrangeiros.php"><img src="images/banner/banner_extranjeros_cirurgia_plastica_periimplantar.jpg" border="0" /></a>
    </div>
    <div>
        <a href="http://implanteperio.com.br/cursos2013_recobrimento_radicular.php"><img src="images/banner/banner_imersao_recobrimento_radicular.jpg" border="0" /></a>
    </div>
    <div>
        <a href="#"><img src="images/banner/banner_novos_cursos.jpg" border="0" /></a>
    </div>
    <div>
        <a href="http://implanteperio.com.br/cursos2013_education_week.php"><img src="images/banner/banner_education2_esgotado.jpg" border="0" /></a>
    </div>
    <div>
        <a href="http://implanteperio.com.br/casos03_2013.php"><img src="images/banner/banner_casos_maio.jpg" border="0" /></a>
    </div>
    <!--<div>
        <a href="casos07_2012.php"><img src="images/banner/03_(10.2012).jpg" border="0" /></a>
    </div>-->
</div>

<div class="slidetabs"> 
    <a class="current" href="#"></a>
    <a href="#"></a>
    <a href="#"></a>
    <a href="#"></a>
    <a href="#"></a>
    <a href="#"></a>
</div> 

的JavaScript

// What is $(document).ready ? See: http://flowplayer.org/tools/documentation/basics.php#document_ready

$.noConflict();
chamaTab = $(function() {$(".slidetabs").tabs($(".images > div", {effect: 'fade', fadeOutSpeed: "slow", rotate: true })).slideshow({autoplay: true, interval: 5000}); });

代码不起作用！这个问题需要修复。但我不知道如何解决它。

P.S：我是编程jQuery和Javascript的新手，所以我要求一点耐心。

Answer 1

您的初始化函数似乎有些不对劲。试试这个：

chamaTab = $(function() {
    $(".slidetabs").tabs( {
        effect: 'fade', 
        fadeOutSpeed: "slow", 
        rotate: true 
    })
    .slideshow({autoplay: true, interval: 5000}); 
});