2013-02-26 182 views
0

我已經用ui設置了jquery選項卡。包括js和css以及jquery。jquery 1.9.1 - 顯示的標籤,但不工作,標籤內容完全顯示

但是,只要我加載頁面的標籤正確顯示,但在每個內容是每個標籤內容的完整內容在彼此的頂部。

該代碼與jquery-ui文檔中顯示的完全相同,但不起作用。

這裏我包括

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.1/jquery-ui.min.js"></script> 
<link rel="stylesheet" type="text/css" href="/includes/scripts/jquery/jqueryuicss/base/jquery-ui.css" /> 

腳本

<script> 
$(document).ready(function() { 
    $(function() { 
     $("#tabs").tabs({ active: 0 }); 
    }); 
}); 
</script> 

和HTML

<div id="tabs"> 
<ul> 
<li><a href="#tabs-1"><img src="/images/flaggen/Germany.gif" alt="Deutsch" border="0" /></a></li> 
<li><a href="#tabs-2"><img src="/images/flaggen/grossbritanien.gif" alt="Englisch" border="0" /></a></li> 
<li><a href="#tabs-3"><img src="/images/flaggen/russland.gif" alt="Russisch" border="0" /></a></li> 
</ul> 
<div id="tabs-1"> 
    <p>TEST Deutsch</p> 
</div> 
<div id="tabs-2"> 
    <p>TEST Englisch</p> 
</div> 
<div id="tabs-3"> 
<p>TEST Russisch</p> 
</div> 
</div> 

請幫幫忙,謝謝提前

伯恩哈德

日安
+0

我只是嘗試你的代碼,它爲我工作。你有沒有在你的頁面加載另一個CSS? – 2013-02-26 16:18:08

+0

嗨,謝謝你的迴應。是的,還包含其他CSS文件,但如果我將它們評論出來,它是一樣的。我也嘗試了裸網站模板中的代碼,其他地方都沒有加載,並且它們是相同的。這些標籤格式良好,可點擊。但內容完全展現在彼此之上。 – 2013-02-26 16:31:08

+0

剛剛找到原因: 標頭中有一個baseHref標記,如 如果存在baseHref,則標籤由於某種原因不起作用。我不知道爲什麼......現在就開始工作,我可以編寫它的ajax部分。再次感謝。 – 2013-02-26 16:34:52

回答