2012-02-15 34 views
0

最近,我一直試圖讓我的頁面能夠使用Javascript和不重定向來改變AJAX或類似的內容。使用Javascript導航,不改變頁面,不使用散列

我發現另一個問題,他們聲稱它不能完成,你必須使用散列。

然而,here,它正在做,讓我回來想知道它是如何完成的。

任何想法?

謝謝。

+0

我我不確定我是否正確理解你的問題,但是如果你只想改變內容,你可以依靠[jQuery的負載] [1]方法[1]:http://api.jquery.com/load/,可以加載內容在一個div – ComputerSaysNo 2012-02-15 10:21:56

+1

他正在使用新的歷史API,看到這個問題:http://stackoverflow.com/questions/4952554/github-source-dynamic-navigation – 2012-02-15 11:54:38

+0

謝謝菲利克斯:) – Shane 2012-02-15 16:07:16

回答

0

你有HTML結構,如:

<div id="navigation"> 
    <a href="#" id="about">About Me</a> 
    <a href="#" id="other">Other Stuff</a> 
</div> 

你的JavaScript代碼將是:

$('#about').on("click",function(e){ 
    e.preventDefault(); 
    //do the ajax stuff. 
}); 

$('#other').on("click",function(e){ 
    e.preventDefault(); 
    //do the ajax stuff. 
}); 

其他例子:

+0

EvilP:好的,那個問題是,如果我去了網站/關於或者它發生的任何事情,這是行不通的。它在上面工作的唯一原因是導航已被阻止。也許唯一的解決辦法是設置某種服務器級重定向? – Shane 2012-02-15 10:36:43

+0

你可以添加一個錯誤塊給你ajax調用。所以如果出現問題,頁面不可用,你可以做一個單獨的函數來處理這個問題! – 2012-02-15 10:41:45