使用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

你只绑定页面上的元素，而不是之后使用click创建的元素，如果你使用它而不是它应该工作

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

基本上，live会绑定到所有标签，甚至是新创建的标签。

Answer 2

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