fix FastClick strange bug

fix FastClick strange bug

Author: zhangxinxu

src/mobilebone.js

@@ -254,7 +254,8 @@
 			// for title change
 			var title = params_in.title, 
 			    header = document.querySelector("h1"), 
-			    first_page = document.querySelector("." + this.classPage);		
+			    first_page = document.querySelector("." + this.classPage);	
+				
 			// do title change	
 			if (title) {
 				document.title = title;
@@ -266,6 +267,18 @@
 				// set data-title for first visibie page
 				pageInto.setAttribute("data-title", document.title);
 			}
+			// Fastclick may cause slide bug in iOS8, any innerHTML change can fix it!
+			// issues #80
+			if (typeof FastClick != "undefined") {
+				var mobilebone = document.querySelector("mobilebone");
+				if (mobilebone == null) {
+					mobilebone = document.createElement("mobilebone");
+					mobilebone.style.position = "absolute";
+					mobilebone.style.clip = "rect(0 0 0 0)";
+					document.body.appendChild(mobilebone);
+				}
+				mobilebone.innerHTML = mobilebone.innerHTML.replace('11', '') + '1';
+			}			
 
 			// delete page with same id when options.remove !== false
 			var pageid = options.id || pageInto.id;
@@ -868,7 +881,7 @@
 		}
 		store.timerTap = Date.now();
 		*/
-
+		
 		// get target and href
 		var target = event.target || event.touches[0], href = target.href;
 		if ((!href || /a/i.test(target.tagName) == false) && (target = target.getParentElementByTag("a"))) {
@@ -944,15 +957,18 @@
 			external = external || (href.replace("://", "").split("/")[0] !== location.href.replace("://", "").split("/")[0]);
 			if ((external == true || capture == false) && target.getAttribute("data-ajax") != "true") return;
 		}
-		
+	
 		// judge that if it's a ajax request
 		if (/^#/.test(target.getAttribute("href")) == true) {
 			// hash slide
 			var idTargetPage = href.split("#")[1], eleTargetPage = idTargetPage && document.getElementById(idTargetPage);
 			if (back == false && rel == "auto") {
 				back = Mobilebone.isBack(eleTargetPage, self_page);
 			}
-			if (eleTargetPage) Mobilebone.transition(eleTargetPage, self_page, back, options);
+			
+			if (eleTargetPage) {
+				Mobilebone.transition(eleTargetPage, self_page, back, options);
+			}
 			event.preventDefault();
 		} else if (/^javascript/.test(href)) {
 			// back

test/fixed-header-footer/index.html

@@ -34,14 +34,18 @@ <h1>首页</h1>
     <h4><a href="#pageHome" data-rel="auto">首页</a></h4>
     <!--<h4><a href="1.html" data-rel="auto" data-container="container">页面1</a></h4>
     <h4><a href="2.html" data-rel="auto" data-container="container">页面2</a></h4>-->
-    <h4><a href="#page1" data-rel="auto">页面3</a></h4>
-    <h4><a href="#page2" data-rel="auto">页面3</a></h4>
+    <h4><a href="#page1" data-rel="auto">页面1</a></h4>
+    <h4><a href="#page2" data-rel="auto">页面2</a></h4>
     <h4><a href="#page3" data-rel="auto">页面3</a></h4>
 </div>
 
 
 
 <script src="../../src/mobilebone.js"></script>
+<script src="../complex/js/fastclick.js"></script>
+<script>
+FastClick.attach(document.body);
+</script>
 <script>
 Mobilebone.callback = function(page_in, page_out) {
 	var id_in = page_in.id, id_out = "";