1

クリックするたびに画像を切り替える画像付きの HTML ボタンがあります。これは、クリックするたびにクラスを設定するために使用する方法であり、現在のクラスの画像に従って表示されます。

function FullScreenToggle(el){
    if(el.className!="ns")
    {
        el.className="ns";
    }
    else if(el.className=="ns")
    {
        el.className="fs";
    }
    
return false;

}

これは chrome と Firefox で問題なく動作します。ここでの問題は、IE では動作せず、ボタンが表示されないことです。誰かが IE で動作させるためのヒントを教えてくれれば本当に助かります。よろしくお願いします。

アップデート

私のhtml

 <button class="fullScreen" data-dojo-type="dijit.form.Button" onclick="FullScreenToggle(this);" id="butFullScreen">
                                <input type="image" class="ns" onclick="FullScreenToggle(this);" value="" />

CSS

.claro #butFullScreen .ns{
    background-image: url("images/fullScreen.png");
}
.claro #butFullScreen .fs{
    background-image: url("images/fullScreenExit.png");
}
4

3 に答える 3

3

Jquery を使用します。Jquery はすべてのブラウザで機能します。

ここで変更:

FullScreenToggle(this)にFullScreenToggle(this.id)

ここで、パラメーターは要素のIDであると想定しています

function FullScreenToggle(el)
{
    ($("#"+el).attr('class') != "ns" ) ? $("#"+el).addClass("ns").removeClass('fs') : $("#"+el).addClass("fs").removeClass('ns');
    return false;
}

また

トグルクラスも使用できます

http://api.jquery.com/toggleClass/

これが役に立ったか教えてください。

于 2013-09-02T10:26:50.403 に答える
1

最初のボタンに属性を追加Typeし、ボタン要素を閉じます。

<button type="button" class="fullScreen" id="butFullScreen">
</button>

お役に立てば幸いです。

于 2013-09-02T11:05:24.907 に答える