export 'options' param for all callback

zhangxinxu · zhangxinxu · commit 4e31cad6d865 · 2014-12-21T16:27:18.000+08:00
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "mobilebone",
-  "version": "2.0.3",
+  "version": "2.1.0",
   "description": "Bone main for mobile web APP with a sigle page mode.",
   "main": "src/mobilebone.js",
   "directories": {
diff --git a/src/mobilebone.js b/src/mobilebone.js
@@ -40,7 +40,7 @@
 	 *
 	 * @type string
 	**/
-	Mobilebone.VERSION = '2.0.3';
+	Mobilebone.VERSION = '2.1.0';
 	
 	/**
 	 * Whether catch attribute of href from element with tag 'a'
@@ -248,9 +248,9 @@
 			var onpagefirstinto = params_in.onpagefirstinto;
 			if (!store[pageid]) {
 				if (typeof onpagefirstinto == "string" && params_in.root[onpagefirstinto]) {
-					params_in.root[onpagefirstinto](pageInto, pageOut, options.response);
+					params_in.root[onpagefirstinto](pageInto, pageOut, options);
 				} else if (typeof onpagefirstinto == "function") {
-					onpagefirstinto(pageInto, pageOut, options.response);
+					onpagefirstinto(pageInto, pageOut, options);
 				}
 				// capture form submit
 				slice.call(pageInto.querySelectorAll("form")).forEach(function(form) {
@@ -275,11 +275,11 @@
 					// bind animation events
 					if (typeof animition == "string" && params_in.root[animition]) {
 						pageInto.addEventListener(animateEventName, function() {
-							params_in.root[animition](this, this.classList.contains("in")? "into": "out");
+							params_in.root[animition](this, this.classList.contains("in")? "into": "out", options);
 						});
 					} else if (typeof animition == "function") {
 						pageInto.addEventListener(animateEventName, function() {
-							animition(this, this.classList.contains("in")? "into": "out");	
+							animition(this, this.classList.contains("in")? "into": "out", options);	
 						});
 					}	
 				} 
@@ -304,7 +304,7 @@
 			var callback = params_in.callback;
 			
 			if (typeof callback == "string") callback = params_in.root[callback];
-			if (typeof callback == "function") callback.call(params_in.root, pageInto, pageOut, options.response);
+			if (typeof callback == "function") callback.call(params_in.root, pageInto, pageOut, options);
 		}
 	};
 	
@@ -455,6 +455,9 @@
 			if (typeof options.remove != "undefined") {
 				optionsTransition.remove = options.remove;
 			}
+			if (typeof options.target != "undefined") {
+				optionsTransition.target = options.target;
+			}
 		}
 		this.transition(create_page, current_page, optionsTransition);
 	};
@@ -534,6 +537,7 @@
 			}
 
 			params.url = this.getCleanUrl(trigger_or_options, params.url);	
+			params.target = trigger_or_options;
 			
 			var tagName = trigger_or_options.tagName.toLowerCase();
 			if (tagName == "form") {
@@ -831,7 +835,9 @@
 			if (back == false && rel == "auto") {
 				back = Mobilebone.isBack(eleTargetPage, self_page);
 			}
-			if (eleTargetPage) Mobilebone.transition(eleTargetPage, self_page, back);
+			if (eleTargetPage) Mobilebone.transition(eleTargetPage, self_page, back, {
+				target: target
+			});
 			event.preventDefault();
 		} else if (/^javascript/.test(href)) {
 			// back
@@ -848,6 +854,7 @@
 					back = Mobilebone.isBack(store[clean_url], self_page);
 				}
 				Mobilebone.transition(store[clean_url], self_page, back, {
+					target: target,
 					id: clean_url	
 				});
 			} else {
diff --git a/test/ajax-html/ajax-page.html b/test/ajax-html/ajax-page.html
@@ -5,6 +5,6 @@
 </head>
 
 <body>
-<div class="page out"><a href="#pageHome" data-rel="back">返回</a></div>
+<div class="page out" data-callback="optionsTest"><a href="#pageHome" data-rel="back">返回</a></div>
 </body>
 </html>
diff --git a/test/ajax-html/index.html b/test/ajax-html/index.html
@@ -30,5 +30,12 @@
 </div>
 
 <script src="../../src/mobilebone.js"></script>
+<script>
+var optionsTest = function(elein, eleout, options) {
+	// ajax过场回调options参数测试
+	// console.log("点击的元素是：" + (options.target && options.target.outerHTML));
+	// console.log("请求内容是：" + options.response);
+};
+</script>
 </body>
 </html>
diff --git a/test/callback/index.html b/test/callback/index.html
@@ -58,10 +58,10 @@ <h2>主页</h2>
 	callback: function() {
 		console.log(this.status.into = "回调执行！this对应的是Fun!");
 	},
-	home: function(pageInto, pageOut, response) {
+	home: function(pageInto, pageOut, options) {
 		pageInto.querySelector("p").innerHTML += "首次载入时间是：" + this.time() + "<br>";
 	},
-	start: function(page, into_or_out) {
+	start: function(page, into_or_out, options) {
 		page.querySelector("p").innerHTML += "页面即将进行"+ this.status[into_or_out] +"动画，时间是：" + this.time() + "<br>";
 	},
 	end: function(page, into_or_out) {

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "mobilebone",`
`3`		`- "version": "2.0.3",`
	`3`	`+ "version": "2.1.0",`
`4`	`4`	`"description": "Bone main for mobile web APP with a sigle page mode.",`
`5`	`5`	`"main": "src/mobilebone.js",`
`6`	`6`	`"directories": {`