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

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

版本:

浏览量:1154

最后更新:2021-09-11

应用标签:Jquery插件MAC 软件git

推荐指数:

详细信息

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');
});
联系我们
免费复制
微信扫码关注领取验证码
注:需在公众号回复"验证码
输入验证码后可免费复制
付费复制 免费复制 付费复制
付费后30天内不限量复制

价格:元

支付宝支付
联系客服
扫一扫,支付¥

正在加载二维码...

支付完成后,请等待10秒左右,请勿关闭此页

发表评论

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