1

2つの画像を置き換える簡単なスクリプトを書いています。最初のものはうまく交換されますが、2番目のものは何らかの理由で起動しません。それは私が見逃している単純なものでなければなりません。たぶん'div.singleTintimg'セレクター？誰かが私の作品を見て、再確認することはできますか？

これが私のHTMLです：

    <div id="beerGlassOverlay">
    <img src="<?php bloginfo('template_directory'); ?>/images/beerOverlay.png" class="glassreplace">
</div>

<li class="image-rollover">
    <a href="http://brasco.co/Mims/meet-the-breweries/miller-beers/" target="_blank">
        <img width="177" height="186" src="http://brasco.co/Mims/wp-content/uploads/2012/05/miller1.png" class="attachment-full wp-post-image" alt="miller" title="miller" />
    </a>
    <div class="singleTint">
        <img width="279" height="524" src="http://brasco.co/Mims/wp-content/uploads/shrekBeer.png" class="attachment-full" alt="shrekBeer" title="shrekBeer" />  
    </div><!-- End singleTint-->
</li>

これが私のjQueryです：

$('li.image-rollover').mouseover(function() {   
$('img.glassreplace').attr({//Change the src and size info on hover         
    src: ('div.singleTint img', this).src,
    width: '100%',
    height: '100%'
    });
});`
4

3 に答える 3

7

これを変える： 

src: ('div.singleTint img', this).src,

に：

src: $('div.singleTint img', this).attr('src'),
于 2012-07-03T13:02:44.957 に答える
0

src: ('div.singleTint img', this).src,になる必要がありますsrc: $('div.singleTint > img', this).attr("src"),

（子セレクターを追加しました- >）

于 2012-07-03T13:03:16.687 に答える
0

コードの3行目（$）にjQueryオブジェクト参照がありませんか？

 $('li.image-rollover').mouseover(function() {   
 $('img.glassreplace').attr({//Change the src and size info on hover         
    src: $('div.singleTint img', this).src, //Added the jQuery object in front of the parenthesis.
    width: '100%',
    height: '100%'
    });
 });
于 2012-07-03T13:04:15.363 に答える