将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是节点的属性，而不是选择器返回的jQuery对象{{ 1}}。

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