javascript - 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オブジェクトではないため$('.time')です。

Answer 2

これは、よりjqueryらしい方法でどのように実行できるかを示すjsfiddleです。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