从链接加载外部页面 - jQuery AJAX Actualizer

从链接加载外部页面 - jQuery AJAX Actualizer

版本:

浏览量:84

最后更新:2021-09-11

应用标签:Jquery插件MAC 软件

推荐指数:

详细信息

Actualizer 是一个动态 AJAX 内容加载插件,允许用户通过单击链接将外部页面加载到当前页面中。

如何使用它:

1. 加载actualizer.js最新的 jQuery JavaScript 库后加载 JavaScript。

<script src="/path/to/cdn/jquery.min.js"></script>
<script src="/path/to/actualizer.js"></script>

2. 创建一个 DIV 容器,在其中加载 AJAX 内容。

<div id="ajax-content">
  Content Here
</div>

3. 在页面上创建一个链接,并指定应该加载到您刚刚创建的容器中的外部页面的路径。

<a id="demo" href="ajax.html">
  Click Me To Load
</a>
<!-- ajax.html -->
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>AJAX Content</title>
</head>
<body>
  AJAX Content Here
</body>
</html>

4、在容器元素上调用函数,确定AJAX链接的选择。就是这样。

$(function(){
  $('#target').actualizer('a#demo');
});

发表评论

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。