2012-08-09 70 views
0

我新的AJAX,加载链接,HREF,超链接,URL在灯箱或刷新当前页面上的框整页

我想有一个JavaScript,这将使所有链接(包括网页,内部链接,外部链接)点击时在灯箱中加载。就像Facebook一样,当你点击照片时,它会给你一个框架,而不会将你重定向到照片页面。总的来说,我希望我的用户点击我网站上的任何链接,不要重定向到需要刷新整个页面的新页面。 我想要链接按需加载框架,也称为AJAX吧?

其实我只是想知道这种技术被称为是什么?任何谷歌搜索字词?搜索查询?

任何推荐文章或教程来做到这一点?

回答

1

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