Jquery fadeIn立即褪色2 divs

對於我正在處理的頁面，我有4個隱藏的div，每個隱藏的div都可以用Jquery點擊。出於某種原因，當我點擊其中一個div時，它會淡入，但也會在其他div中淡入。如果我在第一次嘗試淡入其他div，則不會發生這種情況。任何猜測爲什麼？你可以明白我的意思在這裏http://www.unearthingfilm.com/optimized.html Jquery fadeIn立即褪色2 divs

如果你去到菜單項和命中說書並點擊書，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); 
    }

來源

2013-04-23 Greg

你可以展示一些HTML嗎？通常情況下，當目標'div'嵌套（故意或意外）時，會發生這種情況 – shanabus 2013-04-23 17:26:42

我不完全確定沒有看到您的html，但嘗試在'click'函數中使用'event.stopPropagation（）'來停止事件冒泡。 – 2013-04-23 17:27:22

在源碼你這樣做：

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

這隻集的trigger4到$('#trigger1, #trigger2, #trigger3, #trigger4')時，VARS其餘不被初始化。

來源

2013-04-23 17:37:20

是的你是對的。那是我爲我製作的一些動畫製作的監督變量。謝謝！ – Greg 2013-04-23 18:03:13

沒問題，很高興我可以幫忙。 – 2013-04-23 18:19:09

除非你在什麼地方定義的OpenBook作爲一個變種，你的jQuery應該是這樣的：

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

我不知道確切原因，但無法正確說明你的選擇jQuery是越來越糊塗了。所顯示的代碼中的所有選擇器都一樣。

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

來源

2013-04-23 17:29:15 isherwood

Jquery fadeIn立即褪色2 divs

回答

相關問題