0

对于我正在处理的页面,我有 4 个隐藏的 div,每个都可以在点击 Jquery 时淡入。出于某种原因,当我单击其中一个 div 时,它会淡入,但也会淡入其他 div 之一。如果我尝试在 1st 中淡化另一个 div,则不会发生这种情况。任何猜测为什么?你可以在这里看到我的意思http://www.unearthingfilm.com/optimized.html

如果你进入菜单项并点击 storytellers 并点击这本书,div 会淡入,但它下面的那个也会淡入

trigger3.click(function () {
        openBook.fadeIn(1000);
        closed.delay(1000).fadeIn('slow')
    });
    closed.click(function () {
        openBook.delay(700).fadeOut('slow');
    });


    trigger4.click(function () {
        openChest.fadeIn('slow');
    });


#openChest{
    background-image: url(../images/openChest.png);
    position: absolute;
    z-index: 10;
    height: 640px;
    width: 574px;
    top:4650px;
    left:250px;
    display:none;
}
#openBook{
    display:none;
    position: absolute;
    height: 542px;
    width: 950px;
    left: 25px;
    top: 3300px;
    z-index:11;
    background-image: url(../images/openBook.png);
    }
4

2 回答 2

1

在您的来源中,您正在这样做:

var trigger1, trigger2, trigger3, trigger4 = $('#trigger1, #trigger2, #trigger3, #trigger4')

这仅设置trigger4$('#trigger1, #trigger2, #trigger3, #trigger4'),其余的变量未初始化。

于 2013-04-23T17:37:20.787 回答
0

除非您在某处将 openBook 定义为 var,否则您的 jQuery 应该如下所示:

$('#openBook').fadeIn();

我不确定究竟是为什么,但是由于没有正确说明您的选择器,jQuery 会感到困惑。您显示的代码中的所有选择器也是如此。

http://api.jquery.com/category/selectors/

于 2013-04-23T17:29:15.567 回答