2

かなり興味深い問題があります。画像を拡大/縮小できるプラグインを作成しています。閉じる (「ウィンドウ」を閉じる)、ズームイン、ズームアウトの 3 つのボタンがあります。ズームイン/ズームアウトのボタンも無効化されています。ズームの最小/最大量に達するとアクティブになります。

画像を開いてズームすると、アクティブなズームアウト ボタンと無効なズームイン ボタンが表示されます (開くときに最大値を設定したため)。ズームアウトボタンを最初にクリックしたとき、ズームインボタンは無効なクラスを取り除く必要があります。Safari、Chrome、Firefox 3.6/4/5、IE8 では正常に動作しますが、IE7 では動作しません。

拡大ボタンには ID とクラスがあり、IE7 に要素から特定のクラスを強制的に削除させたいと考えています。まず、removeClass() を使用しましたが、機能しませんでした。次に、IE7 を除くすべてのブラウザーで動作する setAttribute() を使用します。

これが例です。したがって、画像を開いてズームすると、ズームアウト ボタンには ID="zoom-button-in" と 5 つのクラス (zoom-icon、zoom-icon-small、zoom-button-in、zoom-button-disabled、ズームボタン無効。そして、2つの「無効な」クラスを削除したいと思います。だから私はこれを使用します：

var elementZoomButtonIn = document.getElementById("zoom-button-in");
elementZoomButtonIn.setAttribute("class", "zoom-icon zoom-icon-small zoom-button-in");

無効でないクラスを挿入する前にクラスを空に設定しようとしましたが、うまくいきませんでした。

この方法は IE7 で機能しますか? (-:

君たちありがとう！

4

1 に答える 1

6

setAttribute()getAttribute()通常、IE 7 以前 (およびそれ以降のバージョンの互換モード) では機能しません。代わりに要素のclassNameプロパティを使用します。

elementZoomButtonIn.className = "zoom-icon zoom-icon-small zoom-button-in";

setAttribute()IE でとgetAttribute()が壊れていなかったとしても、代わりに同等の DOM プロパティを使用する方が一般的に簡単で信頼性が高くなります。

于 2011-06-24T08:48:36.600 に答える