Question

我想点击我页面上的一个按钮然后另一个div切换并在该div中加载另一个页面，但它不起作用。

HTML：

<html>
<head>
    <script type="text/javascript" src="js/jquery-1.7.2.min_1.js"></script>
    <script>
        $(document).ready(function() {
            $('#clickme').click(function() {
                $('#me').animate({
                    height: 'toggle'
                }, 1000
                );
                $("#me").load("page2.html") 
            });
        });
    </script>
</head>
<body>
    <div id="clickme" style="color: #FFFFFF;">
        Click here
    </div>
    <div id="me" style="border:1px solid #000; width:900px; height:300px;">
    </div>
</body>
</html>

Answer 1

我相信您的功能可以简化为使用toggle或slidetoggle的正常回调

$(function() { 
  $('#clickme').on("click",function() { 
    $('#me').toggle(function() { 
      $(this).load("page2.html"); 
    }); 
  }); 
});

但是你可能想在切换之前加载：

$(function() { 
  $('#clickme').on("click",function() { 
    $('#me').load("page2.html",function() { 
      $('#me').slideToggle();
    }); 
  }); 
});

滑动切换时加载另一页

1 个答案: