加載鏈接，HREF，超鏈接，URL在燈箱或刷新當前頁面上的框整頁

我新的AJAX，加載鏈接，HREF，超鏈接，URL在燈箱或刷新當前頁面上的框整頁

我想有一個JavaScript，這將使所有鏈接（包括網頁，內部鏈接，外部鏈接）點擊時在燈箱中加載。就像Facebook一樣，當你點擊照片時，它會給你一個框架，而不會將你重定向到照片頁面。總的來說，我希望我的用戶點擊我網站上的任何鏈接，不要重定向到需要刷新整個頁面的新頁面。我想要鏈接按需加載框架，也稱爲AJAX吧？

其實我只是想知道這種技術被稱爲是什麼？任何谷歌搜索字詞？搜索查詢？

任何推薦文章或教程來做到這一點？

來源

2012-08-09 Kent Liau

AJAX：異步JavaScript和XML。您的示例不是AJAX，而是它使用JavaScript來執行事件綁定，該操作會導致操作響應用戶在瀏覽器中發生的事件而發生。

您可以使用jQuery將事件綁定到頁面上某個類型的所有鏈接。確切的實現將取決於您的HTML標記。

如果，例如，你有幾個圖像包裹在鏈接標籤：

<a href="image1.jpg" class="image_link"><img src="image1.jpg" /></a> 
<a href="image2.jpg" class="image_link"><img src="image2.jpg" /></a>

你可以有jQuery的類似於以下（一定要jQuery的加載在此之前的頁面）：

<script> 
$('.image_link').click(function(event) { 
    event.preventDefault(); // stops it from doing normal link action 

    // and then down here you'd need JS for your lightbox library 
}); 
</script>

Smashing Magazine有一篇文章可能對您有幫助：Modal Windows in Modern Web Design。

來源

2012-08-09 20:56:26 calvinf

加載鏈接，HREF，超鏈接，URL在燈箱或刷新當前頁面上的框整頁

回答

相關問題