jqueryの（モバイル） - 私はこのHTML持っている場合はdivの

Question

にタップイベントをバインド：

<div id="myDiv"></div> 

と、このCSS：

#myDiv{ 
    background:url('../images/someImage.png') no-repeat; 
    background-size:100%; 
    width:44px; 
    height:44px; 

} 

を、私はときに、ユーザータップ新しいページを開く必要がありますon myDiv。私はこれを持って外部JSファイルがあります。

function bindMyDiv(){ 
    $("#myDiv").bind('tap',function(event, ui){ 
     alert("binding"); 
    }) 
} 

をしかし、HTMLからこれを呼び出すためにどこ私は理解していない、またはこれはこのについて移動する正しい方法が偶数の場合。助言？

Answer 1

イベントが存在するページのpageinitイベントでその関数を呼び出すとします。あなたはpagecreate、pageshowなどのようなjQuery Mobileの他のページイベントを使うことができますが、私はpageinitがあなたのベストベットだと思います。

$(document).delegate('#page-id', 'pageinit', function() { 
    $("#myDiv").bind('tap',function(event, ui){ 
     alert("binding"); 
    }) 
}); 

OR

$(document).delegate('#page-id', 'pageinit', bindMyDiv); 

あなたのdiv要素が存在するdata-role="page"要素のIDで#page-idに代わる：

実装は次のようになります。

このメソッドは、#myDivエレメントのイベント委譲よりも優先されます。エレメントに直接バインドすると、イベントがトリガーされたときのオーバーヘッドが少なくなるからです。イベント委任を使用する場合、イベントは委任ルートにバブルアップする必要があります。

Answer 2

は

$("#myDiv").live("tap", function(event){ 
    alert('binding'); 
}); 

は、あなたが側でこれを置くことができます試してみてください、あなたのjavascriptファイルonReady

編集：ここにあなたが処理するために、さまざまなソリューションにかなり良い洞察を提供し

http://jsfiddle.net/R9e6u/

Answer 3

みんなあなたのスクリプトは、しかし、私は誰もあなたのスクリプトを改善するために役立つと思うと思っていたとは思わない。 "これが正しかったのかどうかわかっていれば"、答えはノーです。おそらく私は単純化しすぎていますが、JQMを使ってdiv（またはその問題のDOM要素）を開こうとすると、アンカータグを囲むだけで新しいページを開くことができます（またはその中で適切なもの）とあなたのhref="#myNewPage"へのhrefとあなたがid="myNewPage"

はjQueryのモバイルのフレームワークが自動的に滑らかUXを提供するために、通常のHTML要素にJS & AJAXを注入するように設定されているにロードしたいJQMページでIDを設定します。タッチイベントのバインディングが必要な場合がありますが、このような状況では、コードのレベルは保証されません.jQuery Mobileの美しさ=）。タッチイベントをバインドするときの

例：ショー/ DOMオブジェクトを非表示にし、プラグインのクリックを誘発するなど