2011-05-08 30 views
1

我有一個網站,我想第1頁鏈接到第2頁:鏈接到另一個頁面使用Ajax元素

第2頁 都具有一個用於顯示這樣的信息的子菜單:

$("#element").click(function(){ 
     $("#another_element").load("page3.html"); 
    }); 

第一頁上,我有鏈接,我想知道是否有可能有ajax調用href =「page2.html/call_ajax_function_from_page2」。我怎樣才能點擊頁面1中的元素,並轉到頁面2的調用它的加載(),以便它顯示信息就好像其子菜單中的元素被點擊了?

謝謝! 附加信息通過單擊page1.html中的元素,我想重定向o page2.html,並加載了某些ajax內容。 page2.html是一個用Ajax

更多信息:我想這樣做,因爲第1頁我有一個轉盤,每個按鈕我希望它鏈接到一個完全不同的頁面,第2頁顯示相關信息那個旋轉木馬。我已經構建了該頁面2,並且在點擊其子菜單中的鏈接時,它會基於.load加載內容。

回答

1

我可能是錯了,因爲你的問題是很難理解,但我認爲你正在尋找沿此線的東西:

$('#foo li a').each(function() { 
    $(this).click(function(e) { 
     e.preventDefault(); 
     var href = $(this).attr('href'); 
     $('#bar').load(href + ' #someContainer'); // Load the href + an ID. 
    }); 
}); 

因此,例如採取這個網站:

<ul id="foo"> 
    <li><a href="http://google.com">Link 1</a></li> 
    <li><a href="http://microsoft.com">Link 2</a></li> 
    <li><a href="http://apple.com">Link 3</a></li> 
</ul> 

如果您要單擊鏈接2,preventDefault()將阻止您的瀏覽器位置發生變化(更改頁面),則將該錨鏈接的屬性存儲在名爲href的變量中。然後,最後你會把這個變量的內容加載到你指定的div中,在這個例子中是'bar'。

+0

我想去不同的頁面,但我想去differentpage.html /任務或類似的東西differentpage.html有一個子菜單,這有一個Ajax,我不知道是否有可能模擬來自mainpage.html的點擊來自differentpage.html的元素。通過點擊mainpage.html中的一個元素,我想重定向o differentpage.html,並加載一些ajax內容 – bb2 2011-05-08 02:20:19

+0

@ bb2你的意思是像'$('#bar')。load(href +'#container'); – daryl 2011-05-08 02:25:28

+0

我不想在主頁上加載任何東西。在主頁上我有一個旋轉木馬,當你點擊一個按鈕,我希望它進入另一個頁面,並通過ajax顯示其他頁面信息 – bb2 2011-05-08 02:50:51

相關問題