Javascript 使用jquery在div中加载页面

我正在创建一个javascript方法，该方法使用jquery将页面内容加载到div容器中，并且工作正常，但是当我单击div内部的任何按钮时，它会重定向到新页面

这就是方法：

<script type="text/javascript">
            $('a').click(function() {
                var page = $(this).attr('href');
                $("#content").fadeOut('slow', function(){
                    $("#content").load(page, function () {
                        $(this).fadeIn('slow');
                    });
                });
                return false;
            });
        </script>

$（'a'）。单击（函数（）{
var page=$（this.attr（'href'）；
$（“#内容”）.fadeOut（'slow'，function（）{
$（“#内容”）.load（页面，函数（）{
$（this.fadeIn（'slow'）；
});
});
返回false；
});

---

谁能解决这个问题

您只绑定页面加载中存在的元素，而不是之后使用单击创建的元素。如果改用单击，则应该可以工作

$('a').live('click', function(){});

---

基本上，live将绑定到所有a标记，甚至是新创建的标记。

您应该改用iframe。使用类似div的页面时，只需在其上加载内容，而不加载页面。

但是，我可以在iframes中保留fadeIn/fadeOut效果吗？因为它很重要我不知道，你可以自己试试。等待你的结果