基本jQuery超鏈接點擊打印內容

我希望有一點指導，如果可能的話。在我的網站上，我有一個顯示「最受歡迎」的小區域，下面有4個超鏈接：博客，提示，新聞和視頻。我需要它，以便如果用戶單擊超鏈接，它會在下面打印適當的內容，理想情況下不加載整個頁面，但不是必需的。基本jQuery超鏈接點擊打印內容

我是jQuery的新手，所以如果有人能幫助我，那會超級。

謝謝。

來源

2012-12-04 Wizard

這需要一個AJAX調用（除非所有內容預加載），在這種情況下，用最容易做['.load（）']（ http://api.jquery.com/load/） –

看一看jQuery的AJAX技術，特別是加載方法：http://api.jquery.com/load/

概括地說，這種方法使得到的URL的請求，並寫入到響應您指定的任何元素。在你的情況，我可能會：

1）創建返回的HTML中的網址代碼要顯示如： <div><p>Popular Blog 1</p><p>Popular Blog 2</p></div>

2）在您的網頁上的JavaScript，加入這樣的事情：

$("a#myPopularBlogsLink").click(function() { 
    $("#loadAndReplaceContentInThisElement").load("http://mywebsite.com/some-url-returning-data/); 
});

3）如果您通讀了jQuery文檔，您可以更好地適應您的情況 - 例如，在.load（）方法中傳遞參數以選擇要將數據加載到哪個頁面等

如果沒有關於您的情況的更多細節，很難說最佳做法是什麼 - 服務器端使用URL有多少靈活性，對內容有多少控制，以及如果您需要搜索引擎來索引內容（它們將不索引通過AJAX加載的內容）。

來源

2012-12-04 14:40:10 Sean

使用jQuery，你可以嘗試這樣的事：

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#alink").click(function() { 
      $("#aframe").attr("src", $(this).attr('href')); 
      return false; 
     }); 
    }); 
</script> 

<a id="alink" href="http://www.google.com">Google</a> 
<div id="adiv"> 
    <iframe id="aframe" src="" width="100%" height="300"></iframe> 
</div>

來源

2012-12-04 14:41:17

基本jQuery超鏈接點擊打印內容

回答

相關問題