jQuery UI手風琴問題（可能與jQuery UI選項卡有關）

有誰知道爲什麼，當我將手風琴從tab1移動到tab2時，它會停止正常工作。我給它一個高度和寬度。我在網上代管，爲了您的方便，它是坐落在TAB2這裏：http://www.milltownyourlocalchurch.com/indextest.html jQuery UI手風琴問題（可能與jQuery UI選項卡有關）

jQuery的手風琴：

<!-- Accordion --> 
<script type="text/javascript" src="js/jquery-1.4.4.min.js"></script> 
<script type="text/javascript" src="js/jquery-ui-1.8.9.custom.min.js"></script> 
<script type="text/javascript"> 
      $(function(){ 
       // Accordion 
       $("#accordion").accordion({ header: "h3" }); 
      }); 
</script>

的CSS：

.ui-accordion { width: 100%; height: 100%;} 
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; } 
.ui-accordion .ui-accordion-li-fix { display: inline; } 
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; } 
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; } 
.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; } 
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } 
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; }*/ 
.ui-accordion .ui-accordion-content-active { display: block; }

我試圖打約與尺寸，但它仍然行事怪異。

<script type="text/javascript" language="JavaScript"> 
$(document).ready(function() { 
    $(".tab_content").hide(); //Hide all content 
    $("ul.tabs li:first").addClass("active").show(); //Activate first tab 
    $(".tab_content:first").show(); //Show first tab content 

    //On Click Event 
    $("ul.tabs li").click(function() { 
     $("ul.tabs li").removeClass("active"); //Remove any "active" class 
     $(this).addClass("active"); //Add "active" class to selected tab 
     $(".tab_content").hide(); //Hide all tab content 

     var activeTab = $(this).find("a").attr("href"); //Find the href attribute value to identify the active tab + content 
     $(activeTab).fadeIn(); //Fade in the active ID content 
     return false; 
    }); 
}); 
</script>

來源

2011-02-15 Phil Hunter

可以爲您發佈：正如我提到的，當它在選項卡1.進出口某些與標籤這樣做繼承人的標籤腳本它工作正常鏈接在線，我們無法訪問您的本地網絡服務器 – BiAiB 2011-02-15 15:46:16

編輯標題，希望它更好， – Trufa 2011-02-15 15:57:07

嘗試的插件這些選項手風琴如

$("#accordion").accordion({ 
'fillSpace': true, 
'clearStyle': true 
});

來源

2011-03-02 12:01:11 Deviland

jQuery UI手風琴問題（可能與jQuery UI選項卡有關）

回答

相關問題