2013-08-01 64 views
0

   好的人,我必須要求有兩個原因之前道歉:jquery load()後會發生什麼?

  • 我的英語(不是我的母語)。
  • 如果在這裏有另一個問題,像我的。我搜查了一下,但沒有一個答案引起了我的懷疑。

這就是說,讓我們去:

   我試圖創造一個環境,其中的頁面加載了一堆的外部網頁。出於可用性和動畫的原因,我試圖一次加載兩個頁面。每個頁面都有一個按鈕,該按鈕應該動畫並卸載用戶看到的頁面。動畫之後,已加載元素的未加載元素切換名稱以及新頁面將加載到未加載元素。

這裏有一個形象的幫助:(對不起,我沒有信譽足夠的圖像直接發佈。) http://img42.imageshack.us/img42/6640/npqv.jpg

這裏的html代碼:

<div id="wrapper"> 
<div id="conteudo"> 
     <div class="loader-esquerda"> 
     </div> 
     <div class="loader-direita"> 
     </div> 
    </div> 
</div> 

的CSS:

#wrapper{ 
    position:relative; 
    width: 1000px; 
    margin:auto; 
    overflow:hidden; 
} 
#conteudo{ 
    width:2000px; 
} 
.loader-esquerda{ 
    width:1000px; 
    float:left; 
} 
.loader-direita{ 
    width:1000px; 
    float:left; 
} 

的Jquery:

$(function(){ 
    var page1 = 1; 
    var page2 = 2; 
    $('.loader-esquerda').load('passo01.php'); 
}); 

passo01.php:

<h2>1º Passo</h2> 
Precisamos de alguns dados relativos à seu banco de dados. 
<hr /> 

<a href="#" class="btn direita proximo">Avançar &raquo;</a> 

   事實是,我不知道如何處理內部passo01.php的<a>。我無法通過$('a').hasClass('proximo')達到目標。如何在加載到我的主頁後處理passo01.php中的代碼?

非常感謝。我希望你能理解我的問題。

回答

0

如果要訪問具有在.load()

完整的回調來完成,是由一個​​調用而添加的元素,那麼你就需要使用負載回調

$('.loader-esquerda').load('passo01.php', function(){ 
    $('a.proximo').dosomething 
}); 

演示:Plunker

+0

謝謝Arun。我以爲一旦頁面被加載,回調的功能就結束了。 – user2640749