2011-08-02 7 views
6

jqueryのアイコンを無効にする方法はありますか?例えば、私は「前/次」のためにui-icon-circle-triangle-wとui-icon-circle-triangle-eを使用していますが、リストの始めと次のときは「prev」を無効にします終了などjqueryのアイコンを無効にする方法

+0

答えはどれですか?多分それを受け入れる? – Nenotlep

答えて

3

.ui-iconを表示しないように設定することもできます。アイコンも非表示にする必要があります。あなたは "重要な"部分が必要な場合とそうでない場合があります。

.ui-icon { display: none !important; } 
+0

ありがとうございましたが、私は実際にアイコンを表示したいが無効になっている(灰色で表示されている)ようにしたかった。私が思いついた解決策については私の答えを見てください。 –

6

これは明らかだったはずですが、アイコンの使用方法に関するメイン文書にはありませんでした。あなたは要素に "ui-state-disabled"クラスを追加するだけです。たとえば、javascriptを使用してそれを行うには:

$( '')。addClass( 'ui-state-disabled');

1

これは古いですが、私は今日逃げ出しましたので、私はそれをきれいにすると考えました。 .addClass( 'ui-state-disabled')はCSSを適用して無効な外観にします。しかし、イベントにアイコンが付いている場合、それはまだ発火します。あなたはまた、あなたのjsがいつ無効になっているかを知っておく必要があります。おそらくhasClass( 'ui-state-disabled')を使用しています。しかし、CSSクラスを追加しても、アイコンは無効になりません。

1

アイコンなし対角線「SE」のハンドルを保持したい場合は最高です:

.ui-icon { background-image:none  !important; } 
0

あなたの要素のCSS opacity:0.7を追加することができます。私はこれがテキストだけでなく、あなたの要素のアイコンや他の要素にとっても有用だと思います。

私は、キーコンポーネントであるDEMO

を書いた:

.disable{ 
    opacity:0.7; 
} 

...と、このDEMO彼らは 'HTML' の要素ではありませんので、アイコン

+0

この回答は、システムによって「低品質の確認」としてフラグが立てられています。私はそれが実際には答えであることがわかりますが、文脈をもう少し与えたほうが役に立つでしょう。例えば、文法の追加方法などです。正しい文法は、批評家が急に "低品質 - 削除"と言っている質問を保存するかもしれません。私は文法を修正しましたが、あなただけが必要な文脈を追加することができます。 – GreenAsJade

+0

@GreenAsJade私は答えを修正しました。 – Jesse

+0

ニース!アラートを発生させるもう一つのことは、リンクだけに依存する答えです:私はあなたが私の介入を気にしないことを願っています。寄付いただきありがとうございます! – GreenAsJade

0

であなたがそれらを無効にすることはできませんだから、最良の方法は$( '#icon-plus-sign')のような 'unbind()'メソッドを使うことです:unbind( 'click');

関連する問題