2012-10-30 113 views
2

我有這個代碼從另一個文件如何從其他文件加載內容點擊鏈接?

$(document).ready(function(){ 
    $("button").click(function(){ 
    $("#divA").load("book.html #divB"); 
    }); 
}); 
</script> 

<button>Get</button> 

這個工作負載的內容,但我需要一個鏈接上點擊同樣的事情,而不是按鈕

<a href="book.html">Get</a> 

按用戶評論

我在頁面上有另一個鏈接。只有特定的鏈接才能加載內容。

回答

3

只需使用的a代替button

​​

對於具體的a試試這個

$(document).ready(function(){ 
    $("a#pass_your_id_here").click(function(e){ 
    e.preventDefault(); 
    $("#divA").load("book.html #divB"); 
    }); 
}); 
+0

先生外星人,我有另一個頁面上的鏈接。只有特定的鏈接才能加載內容。 – Alegro

+0

@Alegro通過一個ID或一個類到'a' –

+0

@Alegro例如'$('a#pass_id_here')' –

3
​​
+0

您還需要貫徹執行的 – mplungjan

+0

正確的..謝謝停止鏈接: ) –

+0

對不起,所有的解決方案都可以工作。因爲我只能接受一個,所以讓我們成爲第一個回答。我投了所有的票。 – Alegro

4

使用錨標記作爲選擇,確保你停止默認行動。

$(document).ready(function(e){ 
    $("a#id").on('click',function(){ // $("a#id") or $("a.class") to target 
            // specific anchors 
    e.preventDefault(); 
    $("#divA").load("book.html #divB"); 
    }); 
}); 
+0

迄今爲止最好的答案!你是第一個停止點擊 – mplungjan

+0

@mplungjan ..謝謝:) –

2

我不認爲這是困難的,你可以很容易地做到了

$(document).ready(function(){ 
    $("a").click(function(){ 
    $("#divA").load("book.html #divB"); 
    }); 
}); 

您也可以將ida標籤,然後做這個

<a id="mylink" href="book.html">Get</a> 

$(document).ready(function(){ 
     $("#mylink").click(function(){ 
     $("#divA").load("book.html #divB"); 
    }); 
    }); 
3

我想你想加載鏈接的URL的內容href

$(document).ready(function(){ 
    $("a").click(function(e){ 
    e.preventDefault(); 
    $("#divA").load($(this).attr("href")+" #divB"); 
    }); 
}); 
2

,如果你有頁面上的其他鏈接,那麼你必須抓住它持有環節的div:

$("#divlinkholder a").click(function(){ 
    $("#divA").load("book.html #divB"); 
}); 

,或者您也可以做到這一點的方法:

$("#divlinkholder a:eq(0)").click(function(){ 
    $("#divA").load("book.html #divB"); 
}); 

:EQ是零基礎索引屬性,以便在索引你的第一個鏈接,如果你想與第三鏈接加載它,然後將其更改爲0將加載內容:EQ(2)

相關問題