3

jQuery ( using ) を使用してボタンを非表示にしようとしていますが、非表示にする要素に Bootstrap /クラスが含まれているため (Bootstrap のレスポンシブ クラスを実際に使用$.fn.hide())、jQuery メソッドは機能しません。で属性を使用しているために発生します。デスクトップ バージョンとは異なるモバイル/タブレット用のボタン バージョンを表示したいのですが、2 つのボタンを一意の ID として使用したいと考えています。私の問題のより単純なバージョンは次のようになります。.visible-desktop.hidden-desktop.visible-desktopdisplay!important

HTML ファイル内:

<button class="my-button my-button-for-tablet-mobile hidden-desktop"></button>
<button class="my-button my-button-for-desktop visible-desktop"></button>

jQueryファイル内（望ましいが、機能しない）：

//A line of this type should hide the two buttons.
$(".my-button").hide();

これを実装するためのより良い方法は何なのかわかりません...

編集：

この質問に関する JsFiddle があります。

http://jsfiddle.net/bDLnN/

4

2 に答える 2

0

object.setProperty (propertyName, propertyValue, priority);優先度引数を受け取る関数を使用できます。

$(".my-button").each(function () {
    this.style.setProperty("display", "none", "important");
});

参照

于 2013-05-21T11:01:54.943 に答える