0

jQuery Mobile Framework を使用してモバイル アプリを作成している最中ですが、意味のない問題に遭遇しました。ページの下部に次の機能があります。

$(document).ready(function () {
        alert('binding');
        $("li.item, li.altitem").bind("dblclick", function () {
        alert('here');
        var id = $(this).attr("id").replace("item_", "");
        window.radopen("/review-detail.aspx?id=" + id, "ReviewDetailWindow");                    
    });
});

基本的に、この関数が行っていることは、ページが読み込まれるときに、「item」または「altitem」のクラスを持つすべての <li> タグを循環し、モーダル ダイアログを開くダブルクリック イベントを追加することです。この機能は、リスト項目の 1 つを初めてダブルクリック (最終的にはダブルタップ) したときにうまく機能しますが、その後のダブルクリックは無視されます。JavaScript エラーが発生していないので、何が起こっているのか、どこから始めればよいのか完全にはわかりません。これもクロスブラウザの問題のようです

助言がありますか？

4

1 に答える 1

0

理由は完全にはわかりませんが、現在は機能しています。どうやら $(document).ready() メソッド呼び出しを使用すべきではなかったようです。モバイル フレームワークが公式にサポートしていないからです。更新された (そして機能している) JS は次のとおりです。

$(document).on("click", "li.item, li.altitem", function () {
    var id = $(this).attr("id").replace("item_", "");
    var win = radopen("/review-detail.aspx?id=" + id, "ReviewDetailWindow");                
    win.center();
});
于 2012-07-18T14:26:17.293 に答える