Javascript 单击函数工作，但双击函数不工作-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"));

    });

对我做错了什么有什么建议吗

---

编辑：建议的标准溶液在这种情况下不起作用。双击应该指向链接，而第一次应该阻止指向链接并执行其他函数…

当您进行第一次单击时，不要立即调用该方法，而是设置一个计时器，在约0.75秒内调用原始回调函数，除非您收到第二次单击。您正在启动一个事件并处理第一次单击，因此当第二次单击通过时，这是一次单击，而不是“dblclick”

我希望这会对您有所帮助

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>

函数myFunction（）{
document.getElementById（“demo”）.innerHTML=“Hello World”；
}

不建议将click和doubleclick事件绑定到同一个元素，但如果必须这样做，此先前接受的答案提供了一个完美的解决方案，它使用计数器跟踪点击次数：

您看过控制台了吗？事件正在被触发，但您对window.location.replace（）的调用可能有问题。这与答案无关，但与我觉得这听起来像是非常糟糕的UI这一事实有关。@Kylesposaton控制台中没有发生任何事情不幸地混合了“单击”和“双击”在web应用程序中，它注定会失败，而且对可用性来说非常糟糕。可能会重复@dreamkiller这是解决此问题的标准解决方案，请阅读此处了解更多信息：该解决方案没有帮助，因为我正试图通过双击链接。谢谢你