Question

我的代码中有一些问题。我在一个页面上有几个HTML5音频播放器，每个播放器都是通过点击进入其容器时淡入的图像来播放的。为了适应所有玩家使用相同的游戏形象，我把它变成了一个类。

我的问题是，当您淡入任何.thumbnail容器时，图像会淡入。我需要以某种方式磨练它到您输入的任何容器中......可能使用（此）或其他东西。

HTML：

        <div class="thumbnail" id="paparazzi">
            <a class="playback">
                <img class="play" src="http://www.lucisz.com/imgs/play.png" />
            </a>
            <audio>
                <source src="../audio/fernando_garibay_paparazzisnlmix.ogg" type="audio/ogg" />
                <source src="../audio/fernando_garibay_paparazzisnlmix.mp3" type="audio/mpeg" />
                Your browser does not support HTML5 audio.
            </audio>
        </div>

JavaScript的：

$('.play').hide();
$('.thumbnail').hover(function(){
    $('.play').fadeToggle(400);
});

概念性JavaScript：

$('.play').hide();
$('this, .thumbnail').hover(function(){
    $('.play').fadeToggle(400);
});

Answer 1

应该是这样的：

$('.thumbnail').hover(function(e){
    $('.play', this).fadeToggle(400);
});

所以你几乎是对的。

举个例子： http://jsfiddle.net/4NYqv/4/

编辑：对不起，错误的方法。

jQuery在一个类中淡化切换图像

1 个答案: