2012-04-25 166 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