3

Jquery アコーディオン プラグインを使用しています。ドキュメントによると、独自のヘッダー アイコンを使用する必要があります。背景画像を含む css クラスを作成する必要があります。

だから私は私のcssファイルでこれをしました。

.normal_arrow {
    background : url(../images/arrowonly.jpg);
}

.circle_arrow {
    background : url(../images/circle_arrow.jpg);
}

.circle_arrow_down {
    background : url(../images/circle_arrow_down.jpg);
}

次にJavaScriptで：

$("#accordion").accordion({
    header: "h3",
    clearStyle: true,
    autoHeight: false,
    icons: {
        header: "normal_arrow",
        headerSelected: "circle_arrow_down"               
    }
});

しかし、矢印は表示されません。

4

6 に答える 6

3

同じ問題、position:absolute; を使用する必要がありました。アイコンコンテナが幅と高さを取るようにします。

.normal_arrow {
    background : url(../images/arrowonly.jpg);
    position: absolute;
    width: 10px;
    height: 10px
}
于 2011-07-04T00:29:36.127 に答える
1

使用!important:

.normal_arrow {
    background : url(../images/arrowonly.jpg) !important;
}

デフォルトのスタイルを上書きする必要があるためです。

于 2011-01-26T13:15:01.340 に答える
0

CSS では background-image を使用し、JavaScript では header と headerSelected を引用符で囲む必要があります。

于 2009-05-28T16:14:07.933 に答える
0

背景の不適切な使用。それをレンダリングするには、おそらくどちらかを使用します

background-image: url(../images/circle_arrow.jpg);

また

background: transparent url(../images/circle_arrow.jpg) top left no-repeat;
于 2009-05-28T16:19:12.947 に答える
0

注:これは、jquery スタイルを使用していないユーザーのみを対象としています。(つまり) ファイルに jquery の css が含まれていません。

CSS のデフォルト スタイルは次のとおりです。

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

したがって、背景画像、幅、高さを使用して div を設定しても表示されない場合は、上記のクラスが原因です。

これをドキュメントに追加します。

<style type="text/css">
.ui-icon { display: block; }

</style>
于 2011-09-12T16:27:28.877 に答える