我的 javascript 文件中的所有内容都需要单击两次才能触发

debugcn 发表于 Dev

NKNz

这是我的整个 JS。

$(document).ready(function () {


$('#ee_2_').css('fill', '#F26522');
$('#lt_2_').css('fill', '#F26522');
$('#lv_2_').css('fill', '#F26522');

//    $(".items .plusDelivered").hover(function(){
//        $(this).closest('.deliveredCategory');
//    })

$('.deliveredCategory').on('click mouseenter mouseleave', function () {
    $(this).find(".expandableClient").toggle();
    $(this).find('.plus-minus-toggle').toggleClass('collapsed');
    $(this).find('.dotHide').toggle();
});


$("#menu-primary-menu li").hover(function () {
    $('.navItems .menu-item a:before').css("display", 'inline-block');
});

$(window).on('mailsent.wpcf7', function () {
    $('.formFill').addClass('hide');
    $('.formSuccess').removeClass('hide')
});

$(window).on('wpcf7:invalid', function () {
    var epasts = $("input.epasts").val();
    var vards = $("input.vards").val();
    var uzvards = $("input.uzvards").val();
    var zina = $("textarea.zina").val();
    var talrunis = $("input.numurs").val();
    if (/^(("[\w-\s]+")|([\w-]+(?:\.[\w-]+)*)|("[\w-\s]+")([\w-]+(?:\.[\w-]+)*))(@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$)|(@\[?((25[0-5]\.|2[0-4][0-9]\.|1[0-9]{2}\.|[0-9]{1,2}\.))((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\.){2}(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\]?$)/i.test(epasts) == !1) {
        $('input.epasts').css("border-color", 'red');
        $('input.epasts').css("color", 'red');
    }
    if (vards.length <= 2) {
        $('input.vards').css("border-color", 'red');
        $('input.vards').css("color", 'red');
    }
    if (uzvards.length <= 2) {
        $('input.uzvards').css("border-color", 'red');
        $('input.uzvards').css("color", 'red');
    }
    if (talrunis.length !== 0) {
        if (/^(0|[1-9][0-9]*)$/i.test(talrunis) == !1) {
            $('input.numurs').css("border-color", 'red');
            $('input.numurs').css("color", 'red');
        }
    }
    if (zina.length >= 10) {
       $(this).css("border-color", '#fed051');
        $(this).css("color", '#fed051');
        $('input.send').css("color", 'black');
    } else {

        $('.formContent .zina').css("border-color", 'red');
        $('.formContent .zina').css("color", 'red');
    }
    if ($(this).val().length > 10) {

        $(this).css("border-color", '#fed051');
        $(this).css("color", '#fed051');
        $('input.send').css("color", 'black');

        //           return false;
    } else {

        $(this).css("border-color", 'red');
        $(this).css("color", 'red');
    }
});

$("img.exit").click(function () {
    $('.popUpForm').addClass('hide')
});

$('.formContent input').click(function () {
    $(this).css("border-color", '#fed051');

});




$('.formContent input').blur(function () {

    if ($(this).val()) {

        $(this).css("border-color", '#fed051');
        $(this).css("color", '#fed051');
        $('input.send').css("color", 'black');

        //           return false;
    } else {

        $(this).css("border-color", 'black');
        $(this).css("color", 'black');
    }
});

$('.formContent .zina').blur(function () {

    if ($(this).val().length > 10) {

        $(this).css("border-color", '#fed051');
        $(this).css("color", '#fed051');
        $('input.send').css("color", 'black');

        //           return false;
    } else {

        $(this).css("border-color", 'red');
        $(this).css("color", 'red');
    }
});


$(".apply").click(function () {
    $('.popUpForm').removeClass('hide')
});



$('.accordion-item .heading').on('click mouseenter', function (e) {
    e.preventDefault();
    var $content = $(this).next();
    $content.toggle();
    $('.accordion-item .content').not($content).hide();
    $('.accordion-item .heading').not(this).find('.plus-minus-toggle').addClass('collapsed')
    $(this).find('.plus-minus-toggle').toggleClass('collapsed');
}); 

$('.accordion-item .content').on('mouseleave', function (e) {
    e.preventDefault();
    var $content = $(this).next();
    $content.toggle();
    $('.accordion-item .content').not($content).hide();
    $('.accordion-item .heading').not(this).find('.plus-minus-toggle').addClass('collapsed')
    $(this).find('.plus-minus-toggle').toggleClass('collapsed');
});

$(".full-service-cycle .accordion").mouseleave(function () {
    $('.plus-minus-toggle').addClass('collapsed');
    $('.accordion-item .content').hide();
});

$(".mobNav img").click(function () {
    if ($(".mobNav img").attr('src') == 'http://balticpremier.sem.lv/wp-content/themes/balticpremier/assets/menu.png') {
        $(".mobNav img").attr('src', 'http://balticpremier.sem.lv/wp-content/themes/balticpremier/assets/exit.png');
        $(".toggledOverlay").css("display", "block");
        $(".menuContainer").css("display", "block")
    } else {
        $(".mobNav img").attr('src', 'http://balticpremier.sem.lv/wp-content/themes/balticpremier/assets/menu.png');
        $(".toggledOverlay").css("display", "none");
        $(".menuContainer").css("display", "none")
    }
});
$(".toggledOverlay").click(function () {
    $(this).css("display", 'none');
    $(".mobNav img").attr('src', 'http://balticpremier.sem.lv/wp-content/themes/balticpremier/assets/menu.png');
    $(".menuContainer").css("display", "none")
});
$(".cls-6, .cls-5, .cls-4").css("fill", '#F26522');
$("#ee_2_").on('click mouseover', function () {
    $(this).css('fill', "#FABC14");
    $('#lv_2_').css('fill', '#F26522');
    $('#lt_2_').css('fill', '#F26522');
    $(".lv .latvian").addClass("hide");
    $(".lv .lithuanian").addClass("hide");
    $(".lv .estonian").removeClass("hide")
});
$("#lv_2_").on('click mouseover', function () {
    $(this).css('fill', "#FABC14");
    $(".lv .latvian").removeClass("hide");
    $(".lv .lithuanian").addClass("hide");
    $(".lv .estonian").addClass("hide");
    $('#lt_2_').css('fill', '#F26522');
    $('#ee_2_').css('fill', '#F26522')
});
$("#lt_2_").on('click mouseover', function () {
    $(".lv .latvian").addClass("hide");
    $(".lv .lithuanian").removeClass("hide");
    $(".lv .estonian").addClass("hide");
    $(this).css('fill', "#FABC14");
    $('#lv_2_').css('fill', '#F26522');
    $('#ee_2_').css('fill', '#F26522')
});
$(".area").mouseleave(function () {
    $(".lv .latvian").addClass("hide");
    $(".lv .lithuanian").addClass("hide");
    $(".lv .estonian").addClass("hide");
    $("#lt_2_").css('fill', "#F26522");
    $('#lv_2_').css('fill', '#F26522');
    $('#ee_2_').css('fill', '#F26522')
});
var isSafari = /constructor/i.test(window.HTMLElement) || (function (p) {
    return p.toString() === "[object SafariRemoteNotification]"
})(!window.safari || safari.pushNotification);
var isIE = !1 || !!document.documentMode;
var isEdge = !isIE && !!window.StyleMedia;
if (isEdge == !0) {
    $(".map svg.chrome").removeClass("chrome").addClass("edge")
}
var isChrome = !!window.chrome && !!window.chrome.webstore;
var isBlink = (isChrome || isOpera) && !!window.CSS
});

请记住，这是整个网站的 javascript 文件，但仍然需要点击 2 次才能触发诸如打开汉堡菜单之类的操作。

它一直在工作，前一段时间我做了一些改变，现在才意识到这个问题，现在我不记得我改变了什么。

有任何想法吗？

编辑：我只谈论点击动作，其他动作工作得很好。

克里斯

这是由于您if在以下代码中的声明而发生的：

$(".mobNav img").click(function () {
    if ($(".mobNav img").attr('src') == 'http://balticpremier.sem.lv/wp-content/themes/balticpremier/assets/menu.png') {
        $(".mobNav img").attr('src', 'http://balticpremier.sem.lv/wp-content/themes/balticpremier/assets/exit.png');
        $(".toggledOverlay").css("display", "block");
        $(".menuContainer").css("display", "block")
    } else {
        $(".mobNav img").attr('src', 'http://balticpremier.sem.lv/wp-content/themes/balticpremier/assets/menu.png');
        $(".toggledOverlay").css("display", "none");
        $(".menuContainer").css("display", "none")
    }
});

您src的图片原件是/wp-content/themes/balticpremier/assets/menu.png和不是http://balticpremier.sem.lv/wp-content/themes/balticpremier/assets/menu.png

将其更改为以下内容以修复它：

$(".mobNav img").click(function () {
    if ($(".mobNav img").attr('src') == 'http://balticpremier.sem.lv/wp-content/themes/balticpremier/assets/menu.png' || $(".mobNav img").attr('src') == '/wp-content/themes/balticpremier/assets/menu.png') {
        $(".mobNav img").attr('src', 'http://balticpremier.sem.lv/wp-content/themes/balticpremier/assets/exit.png');
        $(".toggledOverlay").css("display", "block");
        $(".menuContainer").css("display", "block")
    } else {
        $(".mobNav img").attr('src', 'http://balticpremier.sem.lv/wp-content/themes/balticpremier/assets/menu.png');
        $(".toggledOverlay").css("display", "none");
        $(".menuContainer").css("display", "none")
    }
});

提示：遇到此类问题时，请尝试打开 Chrome 开发人员工具并观察单击链接时会发生什么。在您的情况下，您可以src在第一次单击时看到更改。

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。