Question

为什么我的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>

Answer 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");    
    });
  });
});

我的JQuery Toggle无法正常运行

1 个答案: