slideDown中的slideDown-callback觸發在PhoneGap中可見

Question

我正在為Android手機構建一個PhoneGap-App。 我使用這樣的機制讓用戶將數據提交給Web服務：

$('#backdrop').slideDown('fast',function(){
  var data = prompt('Please enter your data');
  if (data){
    //process data
  } else {
   //go on
  }
});

然而，當在我的手機上測試時，有時（在我猜的大約80％的情況下）會在 $('#backdrop')元素實際可見之前顯示提示並等待元素顯示，直到提示消失了（由於其阻塞性質）。

我覺得這可能是因為我真的老而慢的手機（HTC Wildfire S 600MHz），但我可能不是唯一一個有舊手機和慢手機的人，所以很高興知道是否有是一種解決這個問題的方法。

我是否可以通過jQuery-means實際修復此問題，或者這意味着我不能使用標准提示並且必須自己構建一些東西（根本不使用prompt s）？ 或者這是我現在不知道的完全不同的東西？

jQuery版本是1.7.1，Phonegap / Cordova版本是1.9.0

Answer 1

你的代碼看起來正確。 確認應該等到幻燈片動畫完成，然后顯示。

但我想會發生的事情是動畫渲染非常糟糕， slideUp功能已經完成但用戶尚不可見。 然后confirm出現並停止執行。

已知Javascript動畫在移動設備上很糟糕並且氣餒。 特別是在舊設備中，它們難以忍受。 您可以嘗試使用CSS3動畫。 有一個名為jQuery Transit的jQuery插件，它與jQuery的animate函數具有相同的語法，但使用CSS3進行動畫制作。

另一個建議：如果你使用Phonegap，你可能更喜歡navigator.notification.confirm而不是old-plain confirm ，因為它使用設備的本機確認對話框（更好的用戶體驗）而且它是非阻塞的。