javascript - 使用jquery在div内加载页面

Question

我正在创建一个 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>

任何人都可以解决这个问题？

Answer 1

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

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

基本上 live 将绑定到所有标签，即使是新创建的标签。

Answer 2

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