@Minusator

Почему не срабатывает скрипт?

Добрый вечер!
Не могу заставить работать мобильное меню
Есть скрипт который должен переключать класс с breakpoint-off на breakpoint-on, но он почему-то этого не делает
!function(e)
{
    e.fn.classyNav = function(n)
    {
        var a = e(".classy-nav-container"), s = e(".classynav ul"), o = e(".classynav > ul > li"), i = e(".classy-navbar-toggler"), l = e(".classycloseIcon"), t = e(".navbarToggler"), d = e(".classy-menu"), r = e(window), c = e.extend(
            {
            breakpoint: 991, openCloseSpeed: 500, megaopenCloseSpeed: 800}, n
        ); return this.each(function()
            {
                function n()
                {
                    window.innerWidth<=c.breakpoint? a.removeClass("breakpoint-off").addClass("breakpoint-on"): a.removeClass("breakpoint-on").addClass("breakpoint-off")}i.on("click", function()
                    {
                        t.toggleClass("active"), d.toggleClass("menu-on")}
                ), l.on("click", function()
                    {
                        d.removeClass("menu-on"), t.removeClass("active")}
                ), o.has(".dropdown").addClass("cn-dropdown-item"), o.has(".megamenu").addClass("megamenu-item"), s.find("li a").each(function()
                    {
                        e(this).next().length>0&&e(this).parent("li").addClass("has-down").append('<span class="dd-trigger"></span>')}
                ), s.find("li .dd-trigger").on("click", function(n)
                    {
                        n.preventDefault(), e(this).parent("li").children("ul").stop(!0, !0).slideToggle(c.openCloseSpeed), e(this).parent("li").toggleClass("active")}
                ), e(".megamenu-item").removeClass("has-down"), s.find("li .dd-trigger").on("click", function(n)
                    {
                        n.preventDefault(), e(this).parent("li").children(".megamenu").slideToggle(c.megaopenCloseSpeed)}
                ), n(), r.on("resize", function()
                    {
                        n()}
                ), !0===c.sideMenu&&a.addClass("sidebar-menu-on").removeClass("breakpoint-off")
            }
        )
    }
}(jQuery);

HTML разметка такая
<header class="header-area header2">
		<div class="top-header">
		<div class="container">
		<div class="d-flex justify-content-between">
		<div class="p-2">
		                         <img class="logo" src="/" alt="">
                        		</div>
		
		<div class="login-btn-area p-2">
		<a class="small-btn btn-sm" href="#"><span>Ссылка</span></a></div>
		</div>
		</div>
		</div>
		<div class="next-header">
            <div class="container">
                <div class="classy-nav-container breakpoint-off">
                    <nav class="classy-navbar navbar2 justify-content-between" id="saasboxNav">
                          <!-- Navbar Toggler-->
                        <div class="classy-navbar-toggler"><span class="navbarToggler"><span></span><span></span><span></span><span></span></span></div>
                        <!-- Menu-->
                        <div class="classy-menu">
                            <div class="classynav">
                                 <ul id="corenav" class="menu menu--main menu-horizontal">
                                 <li class="menu-node cn-dropdown-item has-down menu-node--main_lvl_1 menu-node--active">Главная</li>
<li class="menu-node cn-dropdown-item has-down menu-node--main_lvl_1"><a href="/" class="menu-link">Услуги</a>
<ul class="menu dropdown menu--vertical">
	<li class="menu-node cn-dropdown-item has-down menu-node--main_lvl_2"><a href="/" class="menu-link">Ссылка</a></li>
	<li class="menu-node cn-dropdown-item has-down menu-node--main_lvl_2"><a href="/" class="menu-link">Ссылка</a></li>
	<li class="menu-node cn-dropdown-item has-down menu-node--main_lvl_2"><a href="/" class="menu-link">Ссылка</a></li>
	<li class="menu-node cn-dropdown-item has-down menu-node--main_lvl_2"><a href="/" class="menu-link">Ссылка</a></li>
	<li class="menu-node cn-dropdown-item has-down menu-node--main_lvl_2"><a href="/" class="menu-link">Ссылка</a></li>
	<li class="menu-node cn-dropdown-item has-down menu-node--main_lvl_2"><a href="/" class="menu-link">Ссылка</a></li>
</ul>
</li>
<li class="menu-node cn-dropdown-item has-down menu-node--main_lvl_1"><a href="/" class="menu-link">Ссылка</a></li>
</ul>                                
                            </div>
                        </div>
                    </nav>
                </div>
            </div>
		</div>	
        </header>

Также добавил код на

Благодарю за помощь!
  • Вопрос задан
  • 71 просмотр
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы