Skip to content
This repository was archived by the owner on Sep 10, 2020. It is now read-only.

Commit fa5eea8

Browse files
ztj1993ztj1993
committed
重构：重构了 demos
1 parent 855df95 commit fa5eea8

File tree

3 files changed

+74
-3
lines changed

3 files changed

+74
-3
lines changed

‎demos/index.html‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
<head>
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
6-
<title>jQuery AjaxLoadPage Demos Index Page</title>
6+
<title>IndexPage - jQuery AjaxLoadPage Demos</title>
77
<script src="//cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
88
<script src="../src/jquery.ajaxloadpage.js"></script>
99
<script src="https://cdn.bootcss.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
@@ -53,6 +53,7 @@
5353
".ajaxloadpage-nav": ".ajaxloadpage-nav",
5454
".ajaxloadpage-content": ".ajaxloadpage-content"
5555
},
56+
isHistory: true,
5657
trigger: "click submit",
5758
before: function () {
5859
console.log('ajax before');

‎demos/test1.html‎

Lines changed: 36 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,22 @@
33
<head>
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
6-
<title>jQuery AjaxLoadPage Demos Test1 Page</title>
6+
<title>Test1Page - jQuery AjaxLoadPage Demos</title>
7+
<script src="//cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
8+
<script src="../src/jquery.ajaxloadpage.js"></script>
9+
<script src="https://cdn.bootcss.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
10+
<link href="https://cdn.bootcss.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet">
11+
<style>
12+
body {
13+
padding: 30px 15px;
14+
}
15+
16+
.ajaxloadpage-content {
17+
text-align: center;
18+
margin-top: 50px;
19+
font-size: 22px;
20+
}
21+
</style>
722
</head>
823
<body>
924
<ul class="nav justify-content-center ajaxloadpage-indexnav">
@@ -31,5 +46,25 @@
3146
<div class="ajaxloadpage-content">
3247
这是 Test1 Page 的内容！
3348
</div>
49+
<script>
50+
$("body").AjaxLoadPage({
51+
bindNodes: ".ajaxloadpage-nav a, .ajaxloadpage-indexnav a",
52+
replaceNodes: {
53+
".ajaxloadpage-nav": ".ajaxloadpage-nav",
54+
".ajaxloadpage-content": ".ajaxloadpage-content"
55+
},
56+
isHistory: true,
57+
trigger: "click submit",
58+
before: function () {
59+
console.log('ajax before');
60+
},
61+
finished: function () {
62+
console.log('ajax finished');
63+
},
64+
error: function () {
65+
console.log('ajax error');
66+
}
67+
});
68+
</script>
3469
</body>
3570
</html>

‎demos/test2.html‎

Lines changed: 36 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,22 @@
33
<head>
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
6-
<title>jQuery AjaxLoadPage Demos Test2 Page</title>
6+
<title>Test2Page - jQuery AjaxLoadPage Demos</title>
7+
<script src="//cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
8+
<script src="../src/jquery.ajaxloadpage.js"></script>
9+
<script src="https://cdn.bootcss.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
10+
<link href="https://cdn.bootcss.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet">
11+
<style>
12+
body {
13+
padding: 30px 15px;
14+
}
15+
16+
.ajaxloadpage-content {
17+
text-align: center;
18+
margin-top: 50px;
19+
font-size: 22px;
20+
}
21+
</style>
722
</head>
823
<body>
924
<ul class="nav justify-content-center ajaxloadpage-indexnav">
@@ -31,5 +46,25 @@
3146
<div class="ajaxloadpage-content">
3247
这是 Test2 Page 的内容！
3348
</div>
49+
<script>
50+
$("body").AjaxLoadPage({
51+
bindNodes: ".ajaxloadpage-nav a, .ajaxloadpage-indexnav a",
52+
replaceNodes: {
53+
".ajaxloadpage-nav": ".ajaxloadpage-nav",
54+
".ajaxloadpage-content": ".ajaxloadpage-content"
55+
},
56+
isHistory: true,
57+
trigger: "click submit",
58+
before: function () {
59+
console.log('ajax before');
60+
},
61+
finished: function () {
62+
console.log('ajax finished');
63+
},
64+
error: function () {
65+
console.log('ajax error');
66+
}
67+
});
68+
</script>
3469
</body>
3570
</html>

0 commit comments

Comments
 (0)