详细信息
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');
});
发表评论
◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。