Question

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

如果你进入菜单项并点击故事讲述者并点击该书，则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);
    }

Answer 1

在您的来源中，您正在执行此操作：

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

这只将trigger4设置为$('#trigger1, #trigger2, #trigger3, #trigger4')，其余的vars未初始化。

Answer 2

除非你已经将openBook定义为某个地方的var，否则你的jQuery应该是这样的：

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

我不确定为什么，但是由于没有正确地说明你的选择器，jQuery会变得混乱。对于您显示的代码中的所有选择器，情况也是如此。

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

Jquery fadeIn正在同时淡化2个div

2 个答案: