クリック機能が機能していますが、DoubleClick機能が動作しません - jQuery

メニュー項目をクリックしようとしています。サブ項目を開き、ダブルクリックしてリンクをたどります。さまざまなアプローチを試みましたが、何らかの理由でダブルクリックしても何も起こっていません。クリック機能が機能していますが、DoubleClick機能が動作しません - jQuery

$(".site-head .section-menu .mobile-sub-menu ul li .first-a").on('click', function(event) { 
     $(".sub-items").addClass('hiddenMenu');  
     $(this).parent().find('.sub-items').removeClass('hiddenMenu'); 
     event.preventDefault(); 
    }); 


    $(document).on('dblclick', '.first-a', function() { 
     console.log("event fired"); 
     window.location.replace($(this).attr("href")); 

    });

私が間違っていることについてのご意見はありますか？

編集：この状況では、提案されている標準的な解決策は機能しません。ダブルクリックはリンクに向かわなければならず、最初にリンクに行くことを防ぎ、他の機能を実行する必要があります。

出典

2017-06-24 dreamkiller

コンソールを見ましたか？イベントが発生していますが、window.location.replace（）への呼び出しに問題がある可能性があります。 – KyleS

これは答えとは関係ありませんが、これは私にとって非常に恐ろしいUIのように聞こえるという事実に関連しています。 –

@KyleSposatoコンソールで不幸なことは起こっていません – dreamkiller

最初のクリックをするときは、すぐにメソッドを呼び出さず、代わりに2回目のクリックを受信しない限り、元のコールバック関数は〜0.75秒です。あなたは、イベントをオフに発射し、最初のクリックを処理するので、第二のクリックが伝わってくるときだ - それはシングルクリックではなく、「DBLCLICK」私は、これはあなたを助けることを願っています

出典

2017-06-24 14:35:09 OneNeptune

これは残念なことに、クリックが私をリンクに送っただけです... – dreamkiller

@dreamkillerこれはこの問題の標準的な解決策です。 for more：https://stackoverflow.com/questions/6330431/jquery-bind-double-click-and-single-click-separately/7845282#7845282 – OneNeptune

その解決策は私が徹底的に努力しているので助けにならないダブルクリックのリンク。ありがとう、結構です – dreamkiller

..だ

HTMLパート

<p ondblclick="myFunction()">Double-click this paragraph to trigger a function.</p> 

<p id="demo"></p>

jQueryのパート

<script> 
function myFunction() { 
    document.getElementById("demo").innerHTML = "Hello World"; 
} 
</script>

出典

2017-06-24 14:53:02

これは双方向に推奨されていません同じ要素に対するクリックイベントとダブルクリックイベントの両方を実行する必要がある場合は、以前に受け入れられたこの回答は、カウンタを使用してクリック数を追跡することで完璧な解決策を提供します：Jquery bind double click and single click separately

出典

2017-06-24 15:12:14 Swoop

クリック機能が機能していますが、DoubleClick機能が動作しません - jQuery

答えて

関連する問題