jQuery UI选项卡 - 默认情况下我的第一张幻灯片不会显示

默认情况下，我的第一个选项卡设置为.ui-tabs-hide，因此隐藏所有隐藏的选项卡时隐藏它。jQuery UI选项卡 - 默认情况下我的第一张幻灯片不会显示

以下是我的代码。

<script> 
    $(document).ready(function(){ 
     $("#slide-container").tabs({ fx: { opacity: 'toggle' } }); 
    }); 
</script> 


<article id="slide-container"> 
    <ul id="thumbnails"> 
     <li id="move-previous"><a href="#"><img src="images/previous.png" width="32" height="64" alt="" /></a></li> 
     <li><a href="#impact-homepage"><img src="temp/temp.png" width="100" height="64" alt="" /></a></li> 
     <li><a href="#impact-inspiration"><img src="temp/temp.png" width="100" height="64" alt="" /></a></li> 
     <li id="move-next"><a href="#"><img src="images/next.png" width="32" height="64" alt="" /></a></li> 
    </ul> 

    <div class="slide homepage" id="impact-homepage"> 
     <img src="images/website-screenshots/impact-homepage.jpg" width="485" height="296" alt="" /> 
    </div> 

    <div class="slide" id="impact-inspiration"> 
     <img src="images/website-screenshots/impact-inspiration.jpg" width="960" height="511" alt="" /> 
    </div> 

    <ul id="bottom-information"> 
     <li class="classification">Website <a href="#">Visit Website</a></li> 
     <li class="slide-number"><a href="#">&lt;</a> 1/4 <a href="#">&gt;</a></li> 
    </ul> 
</article>

任何想法？

来源

2011-02-02 Dan

想通了。在href中的单个＃是抛出标签。

来源

2011-02-02 20:51:59 Dan

您在整个容器采用隐藏

，而不是直接将CSS规则，尝试：

.tabs("disable" , index)

来源

2011-02-02 19:46:01

jQuery UI选项卡 - 默认情况下我的第一张幻灯片不会显示

回答

相关问题