2012-04-25 126 views
2

我正在创建一个JavaScript方法,它使用jquery加载div容器内的页面内容,并且它工作正常,但是当我点击div内的任何按钮时,它会重定向到新页面?使用jquery在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> 

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

+1

你能提供一个jsfiddle吗? – gopi1410 2012-04-25 14:46:01

回答

2

你只结合元素存在于由如果你使用这个,而不是使用点击之后创建的页面loadnot的人应该工作

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

基本上生活会结合所有的一个标签,甚至新创建的。

0

您应该使用iframe来代替。当你使用像页面一样的div时,你只需在其上加载内容,而不是加载页面。

+0

但是,我可以在iframe中保持fadeIn/fadeOut效果吗?因为这很重要 – 2012-04-25 14:45:48

+0

我不知道,你可以自己试试。 ^^。等待你的结果 – TPL 2012-04-25 14:52:12