Merge pull request #8 from zhangxinxu/develop

Develop

Author: zhangxinxu

src/mobilebone.js

@@ -166,14 +166,19 @@
 		}
 		if (pageInto != null && pageInto.classList) {		
 			// for title change
-			var title = params_in.title, header = document.querySelector("h1");		
+			var title = params_in.title, 
+			    header = document.querySelector("h1"), 
+			    first_page = document.querySelector("." + this.classPage);		
 			// do title change	
 			if (title) {
 				document.title = title;
 				if (header) {
 					header.innerHTML = title;
 					header.title = title;
 				}
+			} else if (first_page == pageInto && !pageOut && document.title) {
+				// set data-title for first visibie page
+				pageInto.setAttribute("data-title", document.title);
 			}
 
 			// delete page with same id
@@ -357,18 +362,21 @@
 		options = options || {};
 		// get current page(will be out) according to 'page_or_child'
 		var current_page = document.querySelector(".in." + this.classPage);
-
+		// get page-title from element_or_options or options
+		var page_title;
 		if (element_or_options) {
 			if (element_or_options.nodeType == 1) {
 				// legal elements
 				if (element_or_options.classList.contains(this.classPage)) {
 					current_page = element_or_options;
 				} else if (element_or_options.href) {
 					current_page = this.getPage(element_or_options);
+					page_title = element_or_options.getAttribute("data-title") || options.title;
 				}
 				response = options.response;
 			} else {
 				response = element_or_options.response || options.response;	
+				page_title = element_or_options.title || options.title;
 			}
 		}
 
@@ -381,11 +389,19 @@
 		} else {
 			create.appendChild(dom_or_html);
 		}
+		var create_title = create.getElementsByTagName("title")[0];
 		// get the page element
 		if (!(create_page = create.querySelector("." + this.classPage))) {
 			create.className = "page out";
+			if (typeof page_title == "string") create.setAttribute("data-title", page_title);
 			create_page = create;
-		} 
+		} else {
+			if (create_title) {
+				create_page.setAttribute("data-title", create_title.innerText);
+			} else if (typeof page_title == "string") {
+				create_page.setAttribute("data-title", page_title);
+			}
+		}
 		// insert create page as a last-child
 		document.body.appendChild(create_page);
 
@@ -489,6 +505,8 @@
 			}
 			// get url
 			params.url = this.getCleanUrl(null, params.url, params.data);
+			// here params.title will become page title;
+			params.title = trigger_or_options.title;
 		} else {
 			return;	
 		}

test/ajax-html/index.html

@@ -19,7 +19,7 @@
         <li><a href="ajax-page.html?a=1&b=" class="follow" data-reload data-formdata="c=1&d=1" data-mask="true">点击加载(data-formdata测试)-跟随loading</a></li>
     </ul>
     <ul>
-        <li><a href="ajax-without-page.html">点击加载-返回不含page, 自动创建page</a></li>
+        <li><a href="ajax-without-page.html" data-title="纯a标签元素返回页面">点击加载-返回不含page, 自动创建page</a></li>
     </ul>
     <ul>
         <li><a href="../index.html" data-ajax="false">&laquo; 返回测试引导首页</a></li>