jquery accordion不顯示箭頭或加/減號

試圖在我的頁面中實現jQuery手風琴，手風琴本身工作，但它不顯示箭頭或加號/減號。我的代碼如下：jquery accordion不顯示箭頭或加/減號

<link rel="stylesheet" href="/css/jquery-ui-1.10.4.css" type="text/css" /> 
<script type="text/javascript" src='/js/jquery-ui-1.10.4.min.js'></script> 
<script type="text/javascript" src='/js/jquery-2.1.1.min.js'></script> 


$(function() { 
     var icons = { 
      header : "ui-icon-circle-arrow-e", 
      activeHeader : "ui-icon-circle-arrow-s" 
     }; 
     $("#accordion").accordion(); 
     icons: icons; 
}); 

<div id="accordion"> 
<h3>tab 1</h3> 
<div>tab 1 content </div> 
<h3>tab 2</h3> 
<div>tab 2 content </div> 
</div>

我確實找到了很多通過網絡的例子，但似乎沒有什麼解決我的問題。任何幫助，將不勝感激。

來源

2014-10-08 Gurkha

可能是CSS路徑問題正確的圖像。任何控制檯錯誤？ – fauverism 2014-10-08 18:42:31

使用在線CSS和Crosscheck – 2014-10-08 18:43:44

@fauverism沒有控制檯錯誤。我相信它不是css路徑問題，因爲手風琴的佈局被格式化爲UI cssclass。只是箭頭沒有出現。 – Gurkha 2014-10-08 18:53:11

我加入以下CSS鏈接到頁面後，一切都想通了工作：

<link href="http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css" 
    rel="stylesheet" />

但我不明白爲什麼我需要補充的是，當我已經從資源導入的UI CSS文件。

來源

2014-10-08 19:48:51 Gurkha

絕對路徑可能具有正確的背景圖像引用 – fauverism 2014-10-09 17:09:13

按照代碼解釋波紋管：

// 1st - initialize accordion 
$("#accordion").accordion(); 
// Then set accordion header options 
$("#accordion").accordion("option", "icons", { 
    'header': 'ui-icon-circle-arrow-e', 
    'headerSelected': 'ui-icon-circle-arrow-s' 
});

演示在這裏：http://jsfiddle.net/csdtesting/4rp0mx0p/

來源

2014-10-08 20:05:57

jquery accordion不顯示箭頭或加/減號

回答

相關問題