1

誰かがこの欠点と戦う方法を知っているかどうか疑問に思います。

私はすべてのボタンアクションにjQueryUIボタンを使用していますが、ストックアイコンは少し退屈で、twitterブートストラップから設定されたアイコンを使用する方がはるかに好きです。

ここで先に進む前に、ボタンのスタイリング方法を説明します。

$('#juiBtnLocked').button({
    disabled: true,
    icons: {
        primary: "ui-icon-locked"
    }
});

iconsプロパティはjqueryuicssスタイルのみを受け入れるようですが、提供される値はcssファイルからの完全なcss名であるため、論理的には指定されたcssルールを技術的に受け入れる必要があるため、なぜそれが重要なのかわかりません。

私の質問は、誰かがボタンを操作するための別のcssスプライトコードを正常に取得したかどうかです。

なぜ私がTwitterボタンを使用しないのかという質問に答えるために、それはjquery uiボタンを壊していて、jqueryuiツールキットを使いすぎてそれを捨てているからです。twittersダイアログがより堅牢な場合は、jquery uiを少しスキミングしますが、ニーズには制限が多すぎます。

4

2 に答える 2

0

CSSを使用して、そのクラスのスタイルを簡単にオーバーライドできます。

.ui-icon-locked {
    background: url(myimage.png) no-repeat 0 0;
}

ui-icon-lockedCSSルールではありません。これは、HTMLクラスの単なるフックです。スタイル（アイコンを含む）のデフォルトのルールは、jquery-ui.css使用しているテーマのディレクトリに保存されています。

たとえば、jquery-ui.css1.9.1の基本テーマのには、次のものがあります。

.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png)/*{iconsContent}*/; }
...
.ui-icon-locked { background-position: -192px -96px; }
于 2012-11-09T00:09:38.100 に答える
0

bažmegakapaが言ったことは良い答えであり、それが私がそれを答えとしてマークした理由ですが、私は両方の使用法を可能にする別の方法を見つけました。私はここに書いているので、人々はそれを行う別の方法を知っています。

twitter bootstrapを使用すると、ボタンCSSがあり、jqueryuiと同様のボタンjsコードがあります。

私がしたのは、ボタンからjsコードを取り出し、cssルールを使用してボタンのスタイルを設定することだけでした。今、jquery uiは幸せで、私も幸せです。

これと同じアプローチが、Twitterブートストラップ内の他のいくつかのことでも機能することに気づきました。

これは、ボタン要素を作成し、jquery uiを使用してスタイルを設定して成形するのに比べて、現在はすべてhtmlで制御されているため、実際には私が行っていた方法よりも優れたソリューションでした。

于 2012-11-09T15:55:49.767 に答える