jQueryUI手風琴使用圖標時會導致打包

從jQueryUI使用baic redmond主題時，我的手風琴家並不坐正確。我認爲我的樣式表中出現了一些問題，但是我刪除了它，它仍然很怪異。我剝去它的方式，回到這一點，它仍然在2 x線上包裹着三角形圖標和文字。jQueryUI手風琴使用圖標時會導致打包

<!DOCTYPE HTML> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Nodes</title> 
<link rel="stylesheet" type="text/css" href="/DFCx/css/jQueryUI_redmond/jquery-ui-1.8.16.custom.css" /> 
<script type="text/javascript" src="/DFCx/js/jquery-1.6.2.min.js"></script> 
<script type="text/javascript" src="/DFCx/js/jquery-ui-1.8.16.custom.min.js"></script> 
<script type="text/javascript" src="/DFCx/js/page/Nodes/view.js"></script> 
</head> 
<body> 
    <div id="accordion" class="accordion"> 
     <h3>Title</h3> 
     <div>junk</div> 
     <h3>Title</h3> 
     <div>junk</div> 
     <h3>Title</h3> 
     <div>junk</div> 
     <h3>Title</h3> 
     <div>junk</div> 
    </div> 
</body> 
</html>

手風琴腳本（view.js）只是有：

$("#accordion").accordion({ 
    autoHeight: false, 
    collapsible: true, 
    header: 'h3' 
});

手風琴作品完美，打開，關閉，配合等等，它只是包裝時，它把圖標H3地點！

看到http://i.imgur.com/1fwD2.png的結果

截圖樣品當我使用「圖標：假」，在它的葉子掉了圖標和按預期工作手風琴配置，但我想，讓他們在那裏！嘗試了不同的UI樣式表（陰雲密佈等）以及不同顏色的所有相同問題。

有什麼我失蹤了嗎？

- 更新（不知道這是否是一個解決方案尚未壽）在jQueryUI的css文件是這一行：

.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }

我編輯成

.ui-icon { display: block; float: left; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }

（注意補充浮：left;）

這固定了圖標在標題中的位置，並且可以作爲一種享受。手指穿過它不具有任何討厭的流上會影響其他圖標:(

來源

2011-09-25 CrazyChris

這可能是生成的CSS你「再利用不包括手風琴風格

嘗試使用不同的CSS，例如，這一個：。http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/themes/base/jquery-ui.css

或者，選擇你是從這個頁面使用的主題：http://blog.jqueryui.com/2010/09/jquery-ui-1-8-5/

你還需要確保你的風格的手風琴頭as documented（和拉里建議）：

<div id="accordion"> 
    <h3><a href="#">First header</a></h3> 
    <div>First content</div> 
    <h3><a href="#">Second header</a></h3> 
    <div>Second content</div> 
</div>

來源

2011-09-26 23:04:24

你的標題應被包裹在一個<a>標籤以及：

<h3><a href="#">Title</a></h3>

來源

2011-09-26 02:36:18

可悲的是，它並沒有區別。 :( – CrazyChris

@CrazyChris，拉里建議修正你發佈的問題：http://jsfiddle.net/william/urDcR/。如果這不能解決你的程序中的問題，你可能想檢查你是否覆蓋任何CSS對於圖標。 –

@William - 我已經嘗試過，沒有標題中的鏈接，結果相同。另外，我加載的唯一css是我從jQueryUI下載的，因此我感到困惑。 – CrazyChris

我有同樣的問題，我用它來糾正：

/* correct accordion headers*/ 
.ui-accordion-header span{ position: absolute; } 
.ui-accordion-header a { margin-left: 20px; }

來源

2013-12-26 11:27:51 ton

對我而言，合作的解決方案是@ton和@LarryLustig。

你的標題應被包裹在一個<a>

<h3><a href="#">Title</a></h3>
風格頁

.ui-accordion-header span{ position: absolute; } .ui-accordion-header a { margin-left: 20px; }

來源

2015-07-19 03:10:00 Lijo

jQueryUI手風琴使用圖標時會導致打包

回答

相關問題