2013-05-13 62 views
1

我有一個DIV和DIV裏面我有一個鏈接作爲僅需要被刷新DIV不是整個頁面

<a href="#" onclick="Edit_popup();" >edit</a> 

當我點擊此鏈接整個頁面越來越刷新上。但我只需要這個div刷新整個頁面。我打電話此爲:

function Edit_popup(){ 
var criteria=prompt("Please enter id"); 
if (id=="Login" || id=="login") 
    { 
    $("#criteria").load("page2.html"); 
} 

回答

3

<a href="#" onclick="Edit_popup(); return false;" >edit</a> 
2

嘗試將整個頁面越來越刷新的原因是因爲你點擊一個鏈接,鏈接的默認行爲是送你去它的href 。 (如果你看看你的瀏覽器的地址欄中,你會發現URL中/#結束。)

,以防止這種情況的正確方法是將事件傳遞給函數

onclick="Edit_popup(e);" 

然後停止事件的(在這種情況下,點擊的)的默認行爲:

function Edit_popup (e) { 
    var criteria=prompt("Please enter id"); 

    e.preventDefault(); // this line cancels the link 

    if (id=="Login" || id=="login") { 
     $("#criteria").load("page2.html"); 
    } 
} 
0

您可以嘗試使用e.preventDefault();你的函數裏面,這樣你可以做任何你想做然後使用e.preventDefault();那樣一來,防止瀏覽器執行默認ACTI爲此鏈接。

查收此鏈接瞭解return false;e.preventDefault();return-false-and-prevent-default

之間的區別
相關問題