jquery選項卡切換主題後不工作

當我應用新的主題時，我的jquery選項卡出現問題。即使使用模板主題或自定義主題，兩者都不起作用。如果我使用ui-lightness主題，我的選項卡才能正常工作。jquery選項卡切換主題後不工作

這裏樣品，使用UI的亮度主題：here

，並在此相同的代碼，但DIFF主題：here

HTML：

<div id="tabs"> 
        <ul> 
        <li><a href="#tabs-1">Tab 1</a></li> 
        <li><a href="#tabs-2">Tab 2</a></li> 
        <li><a href="#tabs-3">Tab 3</a></li> 
        </ul> 
        <div id="tabs-1"> 
        <p>Tab one content.</p> 
        </div> 
        <div id="tabs-2"> 
        <p>tab two content.</p> 
        </div> 
        <div id="tabs-3"> 
        <p>tab three content.</p> 
        </div> 
       </div>

腳本：

jQuery(function($) 
      { 
       $("#tabs").tabs(); 

      });

即時通訊仍然是新的jQuery中，可能是錯誤的地方。請指教我。還有一件事，建議切換主題？

來源

2014-11-22 Sh4m

似乎你引用了錯誤的jQuery UI的CSS（第1版），嘗試點到16年8月1日的版本，如：

http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/smoothness/jquery-ui.css

演示：http://jsfiddle.net/vkq4vjtc/2/

來源

2014-11-22 13:54:36

的意思是，如果我使用舊版本的JQuery UI js，那麼我需要使用相同版本的主題？我可以自定義這個舊主題嗎？ – Sh4m 2014-11-22 14:07:05

是的，通常你必須在庫和CSS上使用相同的版本。你可以自定義它，在主題輥（我認爲）。只是一個問題，爲什麼你不能更新到最後的jQuery UI？ – 2014-11-22 14:13:21

它可以，如果我只是使用最新的jQuery UI和CSS？我想我不能定製舊的主題。主題輥生成最新版本。 – Sh4m 2014-11-22 14:28:43

你只需要更新CSS文件像 http://jsfiddle.net/vkq4vjtc/1/

與

.ui-tabs .ui-tabs-hide { 
    display: none; 
}

祝你好運！ :)

來源

2014-11-22 13:47:13

可我知道這是什麼？如果我添加這個，什麼都不會發生 – Sh4m 2014-11-22 14:07:39

jquery選項卡切換主題後不工作

回答

相關問題