的JavaScript - jQuery Mobile的執行

Question

我目前使用的HTML的當前位爲jQuery Mobile的頁面轉換功能後過渡完成：

​​

這裏的save()功能是什麼，在當前頁上保存canvas。

似乎save()功能與頁面轉換一起異步運行，因此有時頁面轉換時沒有設法完全保存我想要的信息。

有沒有辦法徹底完成一個功能jQuery Mobile的執行頁面轉換之前？

- 更新 -

這裏有一個例子的jsfiddle所有與玩：

http://jsfiddle.net/nMR85/1291/

（注意在控制檯中save trigger前pagebeforechange射擊）

Answer 1

該解決方案嘗試：

var transition = false; 

function save() { 

    if(!transition) { 
     var callback = function() { 
      transition = true; 
      $("a").click(); 
     }; 

     // your aynchronous code which will trigger callback after it finishes executing 

     return false; 
    } 
    else { 
     transition = false; 
    } 
} 

此功能的第一執行將不會觸發過渡（return false從執行附每下一個事件處理程序阻止）。第二次執行，但不會觸發發送。當然，將transition變量放在全局範圍內並不是一個好的做法，但它只是一個想法，可以解決這個問題。

此外，我認爲這裏面的onclick（在HTML），你應該有return save()。

---

編輯根據所提供的FIDDLE：

與小提琴演奏我已經改變了a元素一點點：

<a id="goto_trigger" href="#p2" data-role="button" onclick="return save()">Go To Page 2 with return</a> 

而且腳本應該是這樣的：

$(document).bind('pagebeforechange', function(e, data) { 
    console.log("pagebeforechange"); 
}); 

var transition = false; 

function save() { 
    if(!transition) { 
     setTimeout(function(){ 
      alert("save trigger"); 
      transition = true; 
      $("#goto_trigger").click(); 
     },3000); 
     return false; 
    } 
}; 

現在它按預期工作。