的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; 
    } 
}; 

现在它按预期工作。