双击而单击onclick / oneclick

时间:2017-05-16 08:11:30

标签: javascript jquery double-click

搜索其他问题以寻求答案,但我认为没有什么符合我的问题。 我正在制作联系表格,从页面底部弹出,点击。 问题是,只需单击一次即可打开它,而不是一次点击。也许我的剧本中存在相互冲突的事情。

$ ( ".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解决。

1 个答案:

答案 0 :(得分:0)

$('.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');
})