將js代碼轉換為jQueryMobile時出錯

Question

我有一個javascript / jquery代碼http://jsfiddle.net/9773D/為計時器。

我試圖將它移植到jQuery Mobile代碼，但我對pageinit，bind，live等窗口事件感到困惑。

在代碼中我看到錯誤是因為tick（）函數中的某些元素在代碼中調用之前未加載到DOM中。 有人可以幫我糾正我的代碼。

謝謝，

Answer 1

我把你的線改成了

var timeDisplay = $(".time")[0];

並修復它。

編輯：

添加說明：

由於你使用innerHTML而不是$('.time').html("") ，你需要將timeDisplay設置為HTML節點，因為innerHTML是節點的屬性，而不是選擇器$('.time')返回的jQuery對象。 $('.time') 。

Answer 2

這是一個jsfiddle，展示了如何以更加jquery的方式完成它。 http://jsfiddle.net/9773D/1/

timedisplay.innerHtml = "" //does not work since timedisplay is a jquery object 
//timedisplay[0] is the html object so on that innerHtml does work

但是jquery有函數.html("");

timedisplay.html(""); // is a bit cleaner