1

わかりました。タイトルに基づいて、ホバー時に5つの画像を変更しようとしています。私はコードを持っています、そしてそれは部分的に機能します、私はそれを正しく書いていないと思います。だから私は2つの試みを投稿するつもりです、そしてうまくいけば誰かが私がやろうとしていることを理解するでしょう。

$(document).ready(function() { 
var found = $('.user-basic-info img'); 
 found.filter('[src="http://i13.servimg.com/u/f13/17/83/35/07/adminn10.png"]')
  .hover(function(){
 $(this).closest('img').replaceWith('<img alt="" src="http://i13.servimg.com/u/f13/17/83/35/07/adming10.png"/>');
 });
});



$(document).ready(function() { 
var found = $('.user-basic-info img'); 
 found.filter('[src="http://i13.servimg.com/u/f13/17/83/35/07/adminn10.png"]')
  .hover(function(){
 $(this).closest('img').onMouseEnter('<img alt="" src="http://i13.servimg.com/u/f13/17/83/35/07/adming10.png"/>').onMouseOut('<img alt="" src="http://i13.servimg.com/u/f13/17/83/35/07/adminn10.png"/>');
 });
}); //this code works partly as well, I just get no method of onMouseEnter

初めてホバー効果を使用して画像を前後に変更します。また、これを他の5つの画像と互換性を持たせる必要があるため、「src」またはタイトルごとに変数を設定する必要があります。

1つの質問を明確にするために.filter、タイトルについても同じことができますか？[title="Founder"]上記の（変数について）私が書くことができるかどうか知りたかったので、ちょうど疑問に思っています...

var a = $('.user-basic-info img').filter('[title="Founder"]');

var b = $('.user-basic-info img').filter('[title="Founder"]');

ただ疑問に思う

私が今使っているコード::

$(function(){
var a = $('.user-basic-info img[title=Founder]');
var b = $('.user-basic-info img[title=Manager]');
var c = $('.user-basic-info img[title=Members]');
var d = $('.user-basic-info img[title=Technician]');
var e = $('.user-basic-info img[title=Moderator]');
var f = $('.user-basic-info img[title=Presidential]');
  $(div.post).hover(function() {
 a.attr('src','http://i13.servimg.com/u/f13/17/83/35/07/adming10.png');
  },
function() {
  a.attr('src','http://i13.servimg.com/u/f13/17/83/35/07/adminn10.png');
 });
});
4

3 に答える 3

2

あなたはこれを試すことができます：

$(document).ready(function() { 
    $('.user-basic-info img[title=Founder]').hover(
        function() {
            $(this).attr('src', "http://i13.servimg.com/u/f13/17/83/35/07/adming10.png"​);
        },
        function() {
            $(this).attr('src', "http://i13.servimg.com/u/f13/17/83/35/07/adminn10.png");
        }
    );
});
于 2013-01-02T03:14:40.903 に答える
1

closest('img')画像には子孫がないため、機能しません。メソッドチェーンから削除します。

$(this).replaceWith('<img alt="" src="http://i13.servimg.com/u/f13/17/83/35/07/adming10.png"/>');

最終的な目標がホバー時にsrc属性を切り替えることである場合は、画像全体を置き換えるのではなく、それを実行します。

$(this).attr('src','http://i13.servimg.com/u/f13/17/83/35/07/adming10.png');

title属性でフィルタリングすることもできます。投稿したスニペットは正しく機能するはずです。

于 2013-01-02T03:06:33.223 に答える
1 
<img class=".user-basic-info" title="Founder" src="http://i13.servimg.com/u/f13/17/83/35/07/adminn10.png">


$('.user-basic-info img[title=Founder]').hover(function() {
    $(this).attr('src','http://i13.servimg.com/u/f13/17/83/35/07/adming10.png');
},
function() {
    $(this).attr('src','http://i13.servimg.com/u/f13/17/83/35/07/adminn10.png');
});

このようなものはあなたのために働きますか？

http://jsfiddle.net/Q6XMA/5/

于 2013-01-02T03:14:46.997 に答える