Блог

У меня есть отзывчивое выпадающее меню jquery. По какой-то причине я удалил дублированную библиотеку jquery, потому что она конфликтовала с WooCommerce, и после этого выпадающее адаптивное меню не работает.

Вот ссылка на мой веб-сайт: https://www.santa-film.eu /

Как вы можете видеть, если вы нажмете на значок переключения, меню не отображается. вот используемый скрипт jQuery:

 jQuery.fn.noSelect = function() {
    var o = "none";
    return this.bind("selectstart dragstart mousedown", function() {
        return !1
    }).css({
        MozUserSelect: o,
        msUserSelect: o,
        webkitUserSelect: o,
        userSelect: o
    })
};
var ias = $.ias({
    container: ".items",
    item: ".item",
    pagination: ".navigation",
    next: ".nav-previous a"
});
ias.extension(new IASSpinnerExtension), $(document).ready(function() {
    $(".dod").click(function() {
        var o = $(this).attr("id");
        1 == o ? ($(".menus").hide(), $(this).attr("id", "0")) : ($(".menus").show(), $(this).attr("id", "1"))
    }), $(".menus").mouseup(function() {
        return !1
    }), $(".dod").mouseup(function() {
        return !1
    }), $(document).mouseup(function() {
        $(".menus").hide(), $(".dod").attr("id", "")
    })
}), $(document).ready(function() {
    $(".rclic").click(function() {
        var o = $(this).attr("id");
        1 == o ? ($(".rmenus").hide(), $(this).attr("id", "0")) : ($(".rmenus").show(), $(this).attr("id", "1"))
    }), $(".rmenus").mouseup(function() {
        return !1
    }), $(".rclic").mouseup(function() {
        return !1
    }), $(document).mouseup(function() {
        $(".rmenus").hide(), $(".rclic").attr("id", "")
    })
}), $(document).ready(function() {
    $(".report").click(function() {
        var o = $(this).attr("id");
        1 == o ? ($(".reportform").hide(), $(this).attr("id", "0")) : ($(".reportform").show(), $(this).attr("id", "1"))
    }), $(".reportform").mouseup(function() {
        return !1
    }), $(".report").mouseup(function() {
        return !1
    }), $(document).mouseup(function() {
        $(".reportform").hide(), $(".report").attr("id", "")
    })
}), $(document).ready(function() {
    $(".buscaboton").click(function() {
        var o = $(this).attr("id");
        1 == o ? ($(".buscaformulario").hide(), $(this).attr("id", "0")) : ($(".buscaformulario").show(), $(this).attr("id", "1"))
    }), $(".buscaformulario").mouseup(function() {
        return !1
    }), $(".buscaboton").mouseup(function() {
        return !1
    }), $(document).mouseup(function() {
        $(".buscaformulario").hide(), $(".buscaboton").attr("id", "")
    })
}), $(document).ready(function() {
    $(".rclic2").click(function() {
        var o = $(this).attr("id");
        1 == o ? ($(".rbuscar").hide(), $(this).attr("id", "0")) : ($(".rbuscar").show(), $(this).attr("id", "1"))
    }), $(".rbuscar").mouseup(function() {
        return !1
    }), $(".rclic2").mouseup(function() {
        return !1
    }), $(document).mouseup(function() {
        $(".rbuscar").hide(), $(".rclic2").attr("id", "")
    })
});
  

Итак, есть ли способ заставить этот выпадающий список работать правильно?

Спасибо

Я много ищу в Интернете, и я нашел решение для конфликтующего Jquery в WordPress и теме.

Поэтому я удалил тег Jquery из своего заголовка и использовал этот код, чтобы избежать конфликта между моим javascript и jquery:

jQuery.noConflict();

(функция ( $) {

 // Вставьте свой код здесь...

})( jQuery);

вот так:

 jQuery.noConflict();
(function( $ ) {
$(document).ready(function() {
$(".rclic").click(function() {
    var o = $(this).attr("id");
    1 == o ? ($(".rmenus").hide(), $(this).attr("id", "0")) : ($(".rmenus").show(), $(this).attr("id", "1"))
}), $(".rmenus").mouseup(function() {
    return !1
}), $(".rclic").mouseup(function() {
    return !1
}), $(document).mouseup(function() {
    $(".rmenus").hide(), $(".rclic").attr("id", "")
})
}), $(document).ready(function() {
$(".report").click(function() {
    var o = $(this).attr("id");
    1 == o ? ($(".reportform").hide(), $(this).attr("id", "0")) : ($(".reportform").show(), $(this).attr("id", "1"))
}), $(".reportform").mouseup(function() {
    return !1
}), $(".report").mouseup(function() {
    return !1
}), $(document).mouseup(function() {
    $(".reportform").hide(), $(".report").attr("id", "")
})
}), $(document).ready(function() {
$(".buscaboton").click(function() {
    var o = $(this).attr("id");
    1 == o ? ($(".buscaformulario").hide(), $(this).attr("id", "0")) : ($(".buscaformulario").show(), $(this).attr("id", "1"))
}), $(".buscaformulario").mouseup(function() {
    return !1
}), $(".buscaboton").mouseup(function() {
    return !1
}), $(document).mouseup(function() {
    $(".buscaformulario").hide(), $(".buscaboton").attr("id", "")
})
}), $(document).ready(function() {
$(".rclic2").click(function() {
    var o = $(this).attr("id");
    1 == o ? ($(".rbuscar").hide(), $(this).attr("id", "0")) : ($(".rbuscar").show(), $(this).attr("id", "1"))
}), $(".rbuscar").mouseup(function() {
    return !1
}), $(".rclic2").mouseup(function() {
    return !1
}), $(document).mouseup(function() {
    $(".rbuscar").hide(), $(".rclic2").attr("id", "")
})
});
})( jQuery );
  

Я делюсь этим решением, чтобы помочь другим людям, у которых может возникнуть эта проблема.