0

为什么我的 jQuery 切换功能不起作用?

请参阅此演示:http ://project.4greality.com/category/budget-homes

我的代码:

<script>
$(document).ready(function(){

$("a.switchThumb").toggle(function(){
  $(this).addClass("swap"); 
    $("div.containerDiv").fadeOut("fast", function() {
        $("#containerDiv").fadeIn("fast").addClass("displayToggleNone");

        });

    }, 

 function () {
  $(this).removeClass("swap");
    $("div.containerDiv2").fadeOut("fast", function() {
           $("#containerDiv2").fadeIn("fast").removeClass("displayToggleNone");

        });
    });
});
</script>
4

1 回答 1

1

我认为您需要类似下面的内容来切换缩略图和详细视图。

我不确定您为什么要先尝试淡出 div 并再次淡入相同的内容,然后再将其隐藏。

试试下面,让我知道它是怎么回事,

$(document).ready(function(){    
  $("a.switchThumb").toggle(function(){
    $(this).addClass("swap"); 
    $("#containerDiv").fadeOut("fast", function() {
        $("#containerDiv2").fadeIn("fast");
    });
  }, 
  function () {
    $(this).removeClass("swap");
    $("#containerDiv2").fadeOut("fast", function() {
           $("#containerDiv").fadeIn("fast");    
    });
  });
});
于 2012-04-13T21:34:04.927 回答