Merge pull request #148 from zhangxinxu/develop

global function and context

Author: zhangxinxu

package.json

@@ -1,6 +1,6 @@
 {
   "name": "mobilebone",
-  "version": "2.5.6",
+  "version": "2.5.7",
   "description": "Bone main for mobile web APP with a sigle page mode.",
   "main": "src/mobilebone.js",
   "directories": {

src/mobilebone.js

@@ -46,7 +46,7 @@
 	 *
 	 * @type string
 	**/
-	Mobilebone.VERSION = '2.5.6';
+	Mobilebone.VERSION = '2.5.7';
 
 	/**
 	 * Whether catch attribute of href from element with tag 'a'
@@ -335,9 +335,9 @@
 			// v2.5.5 add for fix issues #138
 			if (!pageInto.firstintoBind) {
 				if (typeof onpagefirstinto == "string" && params_in.root[onpagefirstinto]) {
-					params_in.root[onpagefirstinto](pageInto, pageOut, options);
+					params_in.root[onpagefirstinto].call(params_in.root, pageInto, pageOut, options);
 				} else if (typeof onpagefirstinto == "function") {
-					onpagefirstinto(pageInto, pageOut, options);
+					onpagefirstinto.call(params_in.root, pageInto, pageOut, options);
 				}
 				// capture form submit
 				slice.call(pageInto.querySelectorAll("form")).forEach(function(form) {
@@ -370,11 +370,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", options);
+							params_in.root[animition].call(params_in.root, 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", options);	
+							animition.call(params_in.root, this, this.classList.contains("in")? "into": "out", options);	
 						});
 					}	
 				} 

test/callback/index.html

@@ -75,10 +75,17 @@ <h2>主页</h2>
 	// 2. page2因为root=window, 因此上下文为window
 	// 3. 页面3则是 callback_page.test_obj
 	// 需要注意的是，如果存在回调合并的情况，其公用同一个上下文this, 值同上规则
-	console.log("全局回调上下文this: ");
+	console.log("全局回调上下文this: " + this.time);
 	console.log(this);
 };
 
+Mobilebone.onpagefirstinto = function(pageinto) {
+	console.log("global: onpagefirstinto");
+};
+
+Mobilebone.animationstart = function(page) {
+	console.log("global: animationstart");
+};
 
 window.callback_page = function(page) {
 	// 按钮居中