-1

マウスオーバー イベントで別の画像を表示しようとしています。次の JavaScript を使用します。

$('div.row-fluid').hover(function() {
    $(this).find('img').attr('src','http://leandrovieira.com/projects/jquery/lightbox/photos/image1.jpg');
 }, function() {
    $(this).find('img').attr('src','http://leandrovieira.com/projects/jquery/lightbox/photos/image2.jpg');
 });​

そして、次の HTML:

<div class="span27 offset1" style="margin-top: -3.2em">
      <div class="searchbutton"><img src='http://leandrovieira.com/projects/jquery/lightbox/photos/image2.jpg''></div>
</div>

しかし、運がありません。どうしたの？フィドル: http://jsfiddle.net/mpmqm/2/

4

4 に答える 4

1

row-fluidコンテナにクラス名として追加します。http://jsfiddle.net/mpmqm/3/

于 2012-09-03T17:20:46.483 に答える
0

http://jsfiddle.net/mpmqm/4/ - セレクターがオフになっています。

于 2012-09-03T17:22:26.400 に答える
0

私は純粋なjavascriptでstackoverflowで別の人の仕事をしました。あなたのケースとの唯一の違いは、マウスのクリック時に画像のソースを変更したかったことです。お願いします。それがコードの修正に役立つかどうかを確認してください。

Javascript を使用して画像の src 属性を切り替えます

于 2012-09-03T17:48:32.927 に答える
0

真剣に、JavaScript と jQuery をデバッグする方法を学ぶ必要があります。

Firefox と Chrome の両方で、コンソールを開いて入力できます (注: これは$コードとは異なります!)

$('div.row-fluid')
> null

この時点で、セレクターが機能していないことに気付くはずです。

$('.row-fluid')
> null

まだnull-ああ、はい、要素はありません.row-fluid。

または、デバッグ ステートメントを使用してコードを強化することもできます。

console.log($('.row-fluid'))

は、長さが であることを報告する必要があり0ます。

于 2012-09-03T17:25:54.113 に答える