2

リスト要素の関数をトリガーするクリックを実現しようとしています。リストは実行時に入力されます。jQuery1.8.0とPhoneGap2.0を使用しています。

    $(".myList").on("click", "li", function(event) {
       $(this).effect("highlight", {}, 150).queue(function() {
          someFunc((this).attr("id"));
       });
    });

PhoneGapを使用してAndroidでテストすると、クリックされたli要素のIDの正しいパラメーターで関数がトリガーされますが、リスト全体が青いクリック効果を取得します（クリックされたli要素のjquery効果に加えて）。Firefoxでテストすると、リスト全体に青いクリック効果はなく、jqueryのハイライト効果だけが表示されます。デバイスに違いがある理由の手がかりはありますか？

4

1 に答える 1

2

すべてのリストに青いクリック効果があります。イベントをリスト全体にバインドしてから、要素clickに委任するためです。liAndroidブラウザーは、デフォルトの動作としてタップされた領域を強調表示します。ただし、CSSを介してこれをオーバーライドできます-webkit-tap-highlight-color次のようなプロパティ：

.myList {
  webkit-tap-highlight-color: rgba(0,0,0,0); 
}
于 2012-09-04T13:42:55.997 に答える