Question

我一直在寻找很多小时试图制作加载内容的动态页面。我的代码正在加载div但是当我想将它恢复为原始时它根本不起作用。

这是html的代码：

<html>
<button id="btn_nav_register">
<button id="btn_nav_manage">
 <div id="content">
  <div id="manage">
       original content
  </div>
 </div>

<div id="register" style="display:none;">
     second content
</div>

</html>

这是我的jquery

<script>

$('#btn_nav_register').click(function() {
        $("#manage").hide(400,function() {
            $("#content").html($("#register").html()).show(400);
        });

});

$('#btn_nav_manage').click(function() {

    $("#register").hide(400,function() {
        $("#content").html($("#manage").html()).show(400);
    });

});

</script>

注意：我希望尽可能保持代码关闭，因为我真的想保持加载内容的过渡。

Answer 1

您必须将“manage”移出“内容”:) 也关闭按钮标签..

q = 1/2

    $('#btn_nav_register').click(function() {
            $("#manage").hide(400,function() {
                $("#content").html($("#register").html()).show(400);
            });

    });

    $('#btn_nav_manage').click(function() {

        $("#register").hide(400,function() {
            $("#content").html($("#manage").html()).show(400);
        });

    });

使用jquery无法工作的动态内容

1 个答案: