Skip to content

Commit 388ed37

Browse files
zhangxinxuzhangxinxu
committed
Merge pull request #16 from zhangxinxu/develop
Develop
2 parents bf11c8d + 5736fda commit 388ed37

34 files changed

+1301
-54
lines changed

‎docs/Mobilebone.VERSION.html

Lines changed: 33 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,33 @@
1+
<!doctype html>
2+
<html>
3+
<head>
4+
<meta charset="utf-8">
5+
<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
6+
<title>Mobilebone.js API文档-Mobilebone.VERSION</title>
7+
<link rel="stylesheet" href="../src/mobilebone.css">
8+
<link rel="stylesheet" href="docs.css">
9+
</head>
10+
11+
<body>
12+
<aside></aside>
13+
<div class="page out" data-onpagefirstinto="getVersion">
14+
<div class="content">
15+
<h2>Mobilebone.VERSION</h2>
16+
<p>Mobilebone当前的版本号。</p>
17+
<h3>属性</h3>
18+
<p>只读</p>
19+
<h3>属性值</h3>
20+
<p>目前的版本号是：<strong class="version"></strong></p>
21+
</div>
22+
</div>
23+
24+
<script src="../src/mobilebone.js"></script>
25+
<script>
26+
Mobilebone.captureLink = false;
27+
window.navKey = "VERSION";
28+
</script>
29+
<script src="nav.js"></script>
30+
<script src="docs.js"></script>
31+
<script>document.querySelector("strong.version").innerHTML = Mobilebone.VERSION;</script>
32+
</body>
33+
</html>

‎docs/Mobilebone.ajax.html

Lines changed: 40 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,40 @@
1+
<!doctype html>
2+
<html>
3+
<head>
4+
<meta charset="utf-8">
5+
<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
6+
<title>Mobilebone.js API文档-Mobilebone.ajax</title>
7+
<link rel="stylesheet" href="../src/mobilebone.css">
8+
<link rel="stylesheet" href="docs.css">
9+
</head>
10+
11+
<body>
12+
<aside></aside>
13+
<div class="page out">
14+
<div class="content">
15+
<h2>Mobilebone.ajax(trigger_or_options)</h2>
16+
<p>ajax请求页面数据并动态载入。很重要，应该会比较多用到的API，大家需要留意。</p>
17+
<h3>参数</h3>
18+
<ul>
19+
<li><code>trigger_or_options</code> <code>&lt;a&gt;</code>元素或者Ajax请求参数对象。必须参数。</li>
20+
</ul>
21+
<h3>返回值</h3>
22+
<p>-。</p>
23+
<h3>使用示例</h3>
24+
<pre>Mobilebone.ajax(document.querySelector(“a”));
25+
Mobilebone.ajax({
26+
url: ‘xxx.html’,
27+
success: function() {}
28+
});</pre>
29+
</div>
30+
</div>
31+
32+
<script src="../src/mobilebone.js"></script>
33+
<script>
34+
Mobilebone.captureLink = false;
35+
window.navKey = "ajax";
36+
</script>
37+
<script src="nav.js"></script>
38+
<script src="docs.js"></script>
39+
</body>
40+
</html>

‎docs/Mobilebone.autoInit.html

Lines changed: 39 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,39 @@
1+
<!doctype html>
2+
<html>
3+
<head>
4+
<meta charset="utf-8">
5+
<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
6+
<title>Mobilebone.js API文档-Mobilebone.autoInit</title>
7+
<link rel="stylesheet" href="../src/mobilebone.css">
8+
<link rel="stylesheet" href="docs.css">
9+
</head>
10+
11+
<body>
12+
<aside></aside>
13+
<div class="page out">
14+
<div class="content">
15+
<h2><del>Mobilebone.autoInit</del></h2>
16+
<p>是否DOM加载完毕后自动初始化</p>
17+
<h3>属性值类型</h3>
18+
<p>布尔值</p>
19+
<h3>默认值</h3>
20+
<p><code>true</code>. 表示无需使用<code>Mobilebone.init()</code>初始化。一般来讲，此参数没有使用场景</p>
21+
<h3>使用示例</h3>
22+
<pre>Mobilebone.autoInit = false;</pre>
23+
<h3>其他说明</h3>
24+
<ul>
25+
<li>此API v.1.1.6+已经舍弃</li>
26+
<li>如果页面加载完毕之后的异步加载，无法触发<code>DOMContentLoaded</code>此值失效，按<code>false</code>处理，即需要执行下<code>Mobilebone.init()</code>.</li>
27+
</ul>
28+
</div>
29+
</div>
30+
31+
<script src="../src/mobilebone.js"></script>
32+
<script>
33+
Mobilebone.captureLink = false;
34+
window.navKey = "autoInit";
35+
</script>
36+
<script src="nav.js"></script>
37+
<script src="docs.js"></script>
38+
</body>
39+
</html>

‎docs/Mobilebone.captureLink.html

Lines changed: 38 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,38 @@
1+
<!doctype html>
2+
<html>
3+
<head>
4+
<meta charset="utf-8">
5+
<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
6+
<title>Mobilebone.js API文档-Mobilebone.captureLink</title>
7+
<link rel="stylesheet" href="../src/mobilebone.css">
8+
<link rel="stylesheet" href="docs.css">
9+
</head>
10+
11+
<body>
12+
<aside></aside>
13+
<div class="page out">
14+
<div class="content">
15+
<h2>Mobilebone.captureLink</h2>
16+
<p>是否捕获页面上的<code>&lt;a&gt;</code>标签，执行无刷新过场效果。此为全局设置，影响整个页面。默认为<code>true</code>.</p>
17+
<h3>值类型</h3>
18+
<p>布尔值。设置为<code>true</code>或<code>false</code>.</p>
19+
<h3>使用</h3>
20+
<pre>Mobilebone.captureLink = false;</pre>
21+
<h3>效果</h3>
22+
<p>页面上所有的<code>&lt;a&gt;</code>标签链接都是普通的链接，会触发页面的跳转与刷新。</p>
23+
<h3>其他说明</h3>
24+
<ul>
25+
<li>此为全局设置，会影响整个页面<code>&lt;a&gt;</code>标签的<code>tap/click</code>行为。但是可以设置<code>data-ajax</code>的值为<code>true</code>还是<code>false</code>做局部重置。</li>
26+
</ul>
27+
</div>
28+
</div>
29+
30+
<script src="../src/mobilebone.js"></script>
31+
<script>
32+
Mobilebone.captureLink = false;
33+
window.navKey = "captureLink";
34+
</script>
35+
<script src="nav.js"></script>
36+
<script src="docs.js"></script>
37+
</body>
38+
</html>

‎docs/Mobilebone.classMask.html

Lines changed: 30 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,30 @@
1+
<!doctype html>
2+
<html>
3+
<head>
4+
<meta charset="utf-8">
5+
<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
6+
<title>Mobilebone.js API文档-Mobilebone.classMask</title>
7+
<link rel="stylesheet" href="../src/mobilebone.css">
8+
<link rel="stylesheet" href="docs.css">
9+
</head>
10+
11+
<body>
12+
<aside></aside>
13+
<div class="page out">
14+
<div class="content">
15+
<h2>Mobilebone.classMask</h2>
16+
<p><code>mask</code>元素(loading效果遮罩元素)的标志类名。默认值是<code>"mask"</code>. 可以通过CSS设置控制loading的位置、大小以及颜色等。</p>
17+
<h3>值类型</h3>
18+
<p>字符串。</p>
19+
</div>
20+
</div>
21+
22+
<script src="../src/mobilebone.js"></script>
23+
<script>
24+
Mobilebone.captureLink = false;
25+
window.navKey = "classMask";
26+
</script>
27+
<script src="nav.js"></script>
28+
<script src="docs.js"></script>
29+
</body>
30+
</html>

‎docs/Mobilebone.classPage.html

Lines changed: 30 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,30 @@
1+
<!doctype html>
2+
<html>
3+
<head>
4+
<meta charset="utf-8">
5+
<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
6+
<title>Mobilebone.js API文档-Mobilebone.classPage</title>
7+
<link rel="stylesheet" href="../src/mobilebone.css">
8+
<link rel="stylesheet" href="docs.css">
9+
</head>
10+
11+
<body>
12+
<aside></aside>
13+
<div class="page out">
14+
<div class="content">
15+
<h2>Mobilebone.classPage</h2>
16+
<p><code>page</code>元素的标志类名。默认值是<code>"page"</code>.</p>
17+
<h3>值类型</h3>
18+
<p>字符串。</p>
19+
</div>
20+
</div>
21+
22+
<script src="../src/mobilebone.js"></script>
23+
<script>
24+
Mobilebone.captureLink = false;
25+
window.navKey = "classPage";
26+
</script>
27+
<script src="nav.js"></script>
28+
<script src="docs.js"></script>
29+
</body>
30+
</html>

‎docs/Mobilebone.createPage.html

Lines changed: 44 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,44 @@
1+
<!doctype html>
2+
<html>
3+
<head>
4+
<meta charset="utf-8">
5+
<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
6+
<title>Mobilebone.js API文档-Mobilebone.createPage</title>
7+
<link rel="stylesheet" href="../src/mobilebone.css">
8+
<link rel="stylesheet" href="docs.css">
9+
</head>
10+
11+
<body>
12+
<aside></aside>
13+
<div class="page out">
14+
<div class="content">
15+
<h2>Mobilebone.createPage(dom_or_html[[, element_or_options], options])</h2>
16+
<p>重要API. 直接根据DOM或者HTML字符串创建页面，并载入。别看API名字较长，好像很复杂，其实很简单滴。</p>
17+
<h3>参数</h3>
18+
<ul>
19+
<li><code>dom_or_html</code> DOM元素或字符串。必须参数。生成创建页面的主内容。</li>
20+
<li><code>element_or_options</code> DOM元素或者对象。可选参数，可以是<code>&lt;a></code>元素，page元素，也可以是第3个<code>options</code>参数。此参数主要用来获得触发元素上绑定的一些属性值，例如<code>data-title</code>。</li>
21+
<li><code>options</code> 键值序列对象。可选参数。此参数多内部触发，基本上来自Ajax请求的参数。主要作用是获得response返回数据。</li>
22+
</ul>
23+
<h3>返回值</h3>
24+
<p>-</p>
25+
<h3>使用示例</h3>
26+
<pre>Mobilebone.createPage(pageDom);
27+
Mobilebone.createPage(generalDom);
28+
Mobilebone.createPage('&lt;div class="page out">xxx&lt;/div>');
29+
Mobilebone.createPage(‘&lt;p>xxx&lt;/p>');
30+
Mobilebone.createPage(pageDom, triggerLink);
31+
Mobilebone.createPage(pageDom, { reponse: ‘&lt;div…>' });
32+
Mobilebone.createPage(pageDom, triggerLink, { reponse: ‘&lt;div…>' });</pre>
33+
</div>
34+
</div>
35+
36+
<script src="../src/mobilebone.js"></script>
37+
<script>
38+
Mobilebone.captureLink = false;
39+
window.navKey = "createPage";
40+
</script>
41+
<script src="nav.js"></script>
42+
<script src="docs.js"></script>
43+
</body>
44+
</html>

‎docs/Mobilebone.getCleanUrl.html

Lines changed: 42 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,42 @@
1+
<!doctype html>
2+
<html>
3+
<head>
4+
<meta charset="utf-8">
5+
<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
6+
<title>Mobilebone.js API文档-Mobilebone.getClearUrl</title>
7+
<link rel="stylesheet" href="../src/mobilebone.css">
8+
<link rel="stylesheet" href="docs.css">
9+
</head>
10+
11+
<body>
12+
<aside></aside>
13+
<div class="page out">
14+
<div class="content">
15+
<h2>Mobilebone.getClearUrl(trigger[, url][, params]))</h2>
16+
<p>获得干净完整的Ajax请求地址。基本上，此函数API内部用得多，大家大可不必关心。</p>
17+
<h3>参数</h3>
18+
<ul>
19+
<li><code>trigger</code> DOM元素。一般表示<code>&lt;a&gt;</code>元素。可选参数，和<code>url</code>至少一个存在。。</li>
20+
<li><code>url</code> 字符串。Ajax请求地址。如果<code>trigger</code>有合法<code>href</code>值，此参数酱油。可选参数，和<code>trigger</code>至少有一个有效。</li>
21+
<li><code>params</code> 对象或者字符串。主要用来获得请求查询数据。可选。</li>
22+
</ul>
23+
<h3>返回值</h3>
24+
<p>字符串。</p>
25+
<h3>使用示例</h3>
26+
<pre>Mobilebone.getCleanUrl(elementOfA);
27+
Mobilebone.getCleanUrl(elementOfA, ”, “a=1&b=2″);
28+
Mobilebone.getCleanUrl(null, “xxx.html”);
29+
Mobilebone.getCleanUrl(null, “xxx.html?a=1&b=2″);
30+
Mobilebone.getCleanUrl(null, “xxx.html”, “a=1&b=2″);</pre>
31+
</div>
32+
</div>
33+
34+
<script src="../src/mobilebone.js"></script>
35+
<script>
36+
Mobilebone.captureLink = false;
37+
window.navKey = "getCleanUrl";
38+
</script>
39+
<script src="nav.js"></script>
40+
<script src="docs.js"></script>
41+
</body>
42+
</html>

‎docs/Mobilebone.getFunction.html

Lines changed: 34 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,34 @@
1+
<!doctype html>
2+
<html>
3+
<head>
4+
<meta charset="utf-8">
5+
<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
6+
<title>Mobilebone.js API文档-Mobilebone.getFunction</title>
7+
<link rel="stylesheet" href="../src/mobilebone.css">
8+
<link rel="stylesheet" href="docs.css">
9+
</head>
10+
11+
<body>
12+
<aside></aside>
13+
<div class="page out">
14+
<div class="content">
15+
<h2>Mobilebone.getFunction(keys)</h2>
16+
<p>此API内用，大家很少会用到，不要太关心。</p>
17+
<h3>参数</h3>
18+
<ul>
19+
<li><code>keys</code> 字符串。必须参数。当字符串级联的时候，例如<code>'a.b.c'</code>, 用来返回纯正的window.a.b.c这个对象，才能执行与调用。</li>
20+
</ul>
21+
<h3>返回值</h3>
22+
<p>对象或函数。</p>
23+
</div>
24+
</div>
25+
26+
<script src="../src/mobilebone.js"></script>
27+
<script>
28+
Mobilebone.captureLink = false;
29+
window.navKey = "getFunction";
30+
</script>
31+
<script src="nav.js"></script>
32+
<script src="docs.js"></script>
33+
</body>
34+
</html>

‎docs/Mobilebone.getPage.html

Lines changed: 36 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,36 @@
1+
<!doctype html>
2+
<html>
3+
<head>
4+
<meta charset="utf-8">
5+
<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
6+
<title>Mobilebone.js API文档-Mobilebone.getPage</title>
7+
<link rel="stylesheet" href="../src/mobilebone.css">
8+
<link rel="stylesheet" href="docs.css">
9+
</head>
10+
11+
<body>
12+
<aside></aside>
13+
<div class="page out">
14+
<div class="content">
15+
<h2><del>Mobilebone.getPage(children)</del></h2>
16+
<p>根据子元素获取当前所在的page元素。此API v1.1.6已经被弃用。</p>
17+
<h3>参数</h3>
18+
<ul>
19+
<li><code>children</code> DOM元素。必须参数。</li>
20+
</ul>
21+
<h3>返回值</h3>
22+
<p>如果匹配，返回page元素；如果不匹配，返回<code>null</code>。</p>
23+
<h3>使用示意</h3>
24+
<pre>Mobilebone.getCleanUrl(childElement);</pre>
25+
</div>
26+
</div>
27+
28+
<script src="../src/mobilebone.js"></script>
29+
<script>
30+
Mobilebone.captureLink = false;
31+
window.navKey = "getPage";
32+
</script>
33+
<script src="nav.js"></script>
34+
<script src="docs.js"></script>
35+
</body>
36+
</html>

0 commit comments

Comments
 (0)