jQuery是冲突

Question

我很确定我的jQuery是冲突的，但我似乎无法完全弄清楚这个问题。

当用户点击导航栏时，Elixa，About，Services和Contact四个主要选项将会淡出/隐藏/不透明度：0（无论需要做什么），并且会弹出几个div类作为响应。

问题在于返回。当用户点击.triangle（实质上是后退按钮）时，正确的div类fadeOut，但我无法获取Elixa，About，Services和Contact div以淡入。

我只是缺少一些代码或仅仅是一个冲突的问题？

$(document).ready(function() { 
    $(".title1").click(function(){ 
     $(".elixa, .about, .services, .contact").fadeOut(3000) 

     .queue(function() { 
      $(".infobox, .photobox, .photopanel, .titlepanel, .titletitle, .triangle").delay(3000); 
      $(".infobox, .photobox, .photopanel, .titlepanel, .titletitle, .triangle").css({opacity:1});     
      $(".infobox, .photobox, .photopanel, .titlepanel, .titletitle, .triangle").fadeIn(3000); 
    }); 

    $(".triangle").click(function() { 
     $(".infobox, .photobox, .photopanel, .titlepanel, .titletitle, .triangle").css({opacity:0}) 

     .queue(function() { 
      $(".elixa, .about, .services, .contact").fadeIn(3000); 
     }); 
    }); 
}); 

Answer 1

我认为这是因为使用的queue，当你使用队列方法总得有人出队的方法为它得到执行，如果你之前或之后使用像fadeOut或animate的方法，它会发生它。

在第二个例子中，你正在使用css这是不是一个队列为基础的方法，可能是这个原因所以才打电话给他们按顺序或致电

$(".triangle").click(function() { 
    $(".infobox, .photobox, .photopanel, .titlepanel, .titletitle, .triangle").css({opacity:0}); 
    $(".elixa, .about, .services, .contact").fadeIn(3000); 
});