Question

我是AJAX的新手，

我希望有一个javascript，可以在点击时将所有链接（包括网页，内部链接，外部链接）加载到灯箱中。就像Facebook一样，当你点击照片时，它会给你一个框架，而不会将你重定向到照片页面。

总的来说，我希望我的用户点击我网站的任何链接，不要重定向到需要刷新整个页面的新页面。我希望链接按需加载，也称为AJAX吧？

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

任何推荐的文章或教程都可以吗？

Answer 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。

在当前页面上的灯箱或框架中加载链接，href，超链接，URL，刷新整个页面

1 个答案: