2

良い一日。

HTML

<div id="Button"></div>

CSS

background: url("../images/play.png") left center no-repeat;
background-size: cover;
width: 100px;
height: 100px;
float: left;
cursor: pointer;

JQuery

$("#Button").on("click",function() {
  $(this).css("background", 'url("../images/pause.png") left center no-repeat;');
});

残念ながら、背景は変わりません。なぜそうしないのですか?

4

5 に答える 5

0

これを試して:

$("#Button").on("click", function () {
    $(this).css({
        'background-image': 'url("../images/pause.png")', 
        'background-position': 'left center', 
        'background-repeat': 'no-repeat'
    });
});

Bergi と André Dion がコメントで述べたように、背景画像を変更する必要がない場合は、 プロパティbackground-positionとプロパティを削除できます。background-repeat

于 2013-09-19T18:47:58.303 に答える
0

問題は、不適切なイメージ パスまたは css のセミコロンである可能性があります (セミコロンを追加すると機能しなくなります)。元の画像にアクセスできないため、別の画像を使用して、問題の解決策を示す jsfiddle を作成しました。

http://jsfiddle.net/VpWcB/

関連する js コードを以下に示します。

$("#Button").on("click", function(){
    $(this).css('background', 'url(../images/pause.png) left center no-repeat');
})
于 2013-09-19T18:49:20.707 に答える