Question

我在ma页面中有2个div。我想展示一个并隐藏另一个。所有这些都发生在同一个地方（页面中的位置）。我用过replacewith。它工作正常。但在替换div上没有jQuery动作/点击工作。那么这是最好的方法呢？

Answer 1

看起来show（），hide（）方法在这里可以正常工作。是否有理由需要更换整个div？

$("#div1").hide();
$("#div2").show();

您也可以使用某种样式执行此操作，并调用toggle方法对其进行动画处理：

$("#div1").toggle("slow");
$("#div2").toggle("slow");

如评论中所述，您还可以使用一行代码切换：

$("#div1, #div2").toggle("slow");

Answer 2

<script>
$(function(){
    $("#show_first").bind('click', function(){
         $("#first").show();
         $("#second").hide();
    });
    $("#show_second").bind('click', function(){
         $("#second").show();
         $("#first").hide();
    });

    $("#inside").bind('click', function(){
        alert('works (first)');
    });
    $("#inside2").bind('click', function(){
        alert('works (second)');
    });
});
</script>
<div id="first" style="display:none"><span id="inside">Inside <-- click </span> -- first</div>
<div id="second" style="display:none"><span id="inside2">Inside <-- click </span> -- second</div>
<div id="show_second">Show second</div>
<div id="show_first">Show first</div>

demo

用另一个div替换一个div

2 个答案: