3

Android/iOS デバイスで jqm を使用したことがある人なら誰でも知っているように、300 ミリ秒の遅延が頭痛の種になる可能性があります。ありがたいことに、fastclick.js、「vlick」メソッド、およびその他のオプションを使用して、さまざまな解決策があります。

ただし、このソリューションを適用すると、css の効果が反映されません。ここにデモがあります: http://nischenspringer.de/jquery/fastclick/demo.html ( https://github.com/Plaputta/jquery.event.special.fastclickから)

コンピューターでデモをクリックすると、ホバー アンド クリックの CSS 効果が表示されます。ただし、iOS デバイスからクリックすると、ボタンを 300 ミリ秒押したままにした場合にのみ、これらの効果が表示されます (私は推測します)。すばやくクリックすると、アプリケーションは応答してアクションを実行しますが、css の変更は表示されません!

これを修正する方法についてのアイデアはありますか??

4

2 に答える 2

2

作業例: jsFiddle

jQuery Mobile 構成変数を設定するだけです: buttonMarkup.hoverDelay

$(document).bind("mobileinit", function(){
    $.mobile.buttonMarkup.hoverDelay = 0;
});

MUSTただし、次のように、jQuery Mobile の前に mobileinit を初期化する必要があることに注意してください。

<script src="jquery.js"></script>
<script>
    $(document).bind("mobileinit", function(){
        $.mobile.buttonMarkup.hoverDelay = 0;
    });
</script>
<script src="jquery-mobile.js"></script>
于 2013-05-21T23:13:22.340 に答える
0

バージョン >= 1.4 の場合

<li class='ui-btn' />

または試してみてください

<li data-role='button'/>

于 2015-01-24T00:51:31.407 に答える