双击而不是 onclick/oneclick答案

【问题标题】：Double click instead onclick/oneclick双击而不是 onclick/oneclick
【发布时间】：2017-05-16 17:05:55
【问题描述】：

搜索了其他问题的答案，但我认为没有什么适合我的问题。我正在制作从页面底部弹出的联系表格，onclick。问题是，它只能在双击时打开，而不是按一下就可以了。也许我的脚本中有一些相互冲突的东西。

$ ( ".foot" ).click(function() {
            $('.contact-bar').click(function() {
        if($('.foot').hasClass('slide-up')) {
            $('.foot').addClass('slide-down');
            $('.foot').removeClass('slide-up'); 
            $("i", this).toggleClass("fa-angle-up fa-angle-down");
        } else {
            $('.foot').removeClass('slide-down');
            $('.foot').addClass('slide-up'); 
            $("i", this).toggleClass("fa-angle-down fa-angle-up");
        }
    });
});

由 Rory McCrossan 解决。

【问题讨论】：

这是因为您已将一个单击处理程序放入另一个单击处理程序中。删除$('.foot').click(...
你可以提取第二次点击功能并像这样触发它$('.contact-bar').trigger('click')
请注意，“双击”与“两次单击”不同，我很确定您问的是后者。（所有的双击都涉及单击两次，但单击两次并不总是构成“双击”。）
罗里·麦克罗桑，谢谢。该死的，该睡觉了。

标签： javascript jquery double-click

【解决方案1】：

$('.contact-bar').click(function() {
    if($('.foot').hasClass('slide-up')) {
        $('.foot').addClass('slide-down');
        $('.foot').removeClass('slide-up'); 
        $("i", this).toggleClass("fa-angle-up fa-angle-down");
    } else {
        $('.foot').removeClass('slide-down');
        $('.foot').addClass('slide-up'); 
        $("i", this).toggleClass("fa-angle-down fa-angle-up");
    }
});

$ ( ".foot" ).click(function() { 
   $('.contact-bar').trigger('click');
})

【讨论】：