Question

HTML

<div id="box1" class="choice" style="background:blue;">
    <div class="selection ordinateur">
        <div class="choix1"><a class="link1" href="#"></a></div>
    </div>
</div>

<div id="box2" class="choice" style="display:none;background:red;">
    <div class="selection ordinateur">
        <div class="choix1"><a class="link2" href="#"></a></div>
    </div>
</div>


<div id="box3" class="choice" style="display:none;background:green;">
    <div class="selection ordinateur">
        <div class="choix1"><a href="#"></a></div>
    </div>
</div>

JS

$(".link1").click(function() {
    $('#box1').fadeOut("slow", function(){
        $('#box2').css("display","block");
        $('#box2').replaceWith(div);

       $('#box1').fadeIn("slow");
    });
    $('.link1').fadeOut("slow");
    return false;
});


$(".link2").click(function() {
    $('#box2').fadeOut("slow", function(){
        $('#box3').css("display","block");
        $('#box3').replaceWith(div);

       $('#box2').fadeIn("slow");
    });
    $('.link2').fadeOut("slow");
    return false;
});

主要目标是当你点击巨大的广场时，我有三个不同的动作。但是，在Internet Explorer中我阻止了第二个。（红色方块不到绿色方块）。
我请你帮忙！

Answer 1

我通过使用jquery show()和hide()函数显示和隐藏它来修改div可见性。我更新了下面的小提琴。

http://jsfiddle.net/VP8ub/2/

希望这就是你所需要的。我在IE9中测试过并且运行良好。

兼容性jquery与IE - 单击功能和淡入淡出

1 个答案: