将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