2

ブートストラップ ボタンで背景画像を切り替えようとしています。

私はcssに持っています...

body { 
   background-image: url('img/myimage_1.gif');
}

htmlで...

<button type="button" id="bkgchange" class="btn" data-toggle="button">Change the background</button>

そしてスクリプトで...

$( 'bkgchange' ).click(function() {
    $( #body ).css( 'background-image', '~/img/myimage_2.gif' );
});

そして、それは機能していませんか？任意のポインター。体の属性を台無しにしたいのは型にはまらないことを認識しています.画像をdivの背景として、またはコンテナに配置することはできません.それ自体は動作しないためです...

直接的なソリューションとして歓迎される代替案。

4

2 に答える 2

0 
$( '#bkgchange' ).click(function() {
   $('body').css( 'background-image', 'url(http://terangatimes.com/wp-content/uploads/2013/02/html-pointing-sign-clipart.jpg)' );
});

http://jsfiddle.net/B72sv/

ID でbkgchange#ボタンを取得するための がありません。そして、IDで選択bodyしない必要はありません。#

また、url(css に がありません。画像への URL が完全なパスであることを確認してください。

$( 'bkgchange' ).click(function() { $( #body ).css( 'background-image', '~/img/myimage_2.gif' ); });

于 2013-10-18T16:12:15.200 に答える
0

これを試して

$( '#bkgchange' ).click(function() {
    $('body').css( 'background-image', 'url(/img/myimage_2.gif)' );
});

bkgchangeはボタンのidであるため、jQuery でアクセスする場合は、その#前に配置する必要があります。のよう$('#bkgchange')に、ページから要素にアクセスしたいので、の代わりにbody経由してアクセスする必要があります。$('body')$(#body)

を配置するbackground-image場合、そのパターンは であり、ルート ディレクトリを参照する必要があることを css が認識していないため、URL でurl(path-of-image)使用することはできません。ルート ディレクトリを参照することを試みることができます。~//

于 2013-10-18T16:10:57.130 に答える