@violin0878

Почему при переходе на внутренние страницы в мобильной версии пропадает меню slinky?

<div class="js-menu">
						<ul class="mob_nav">
							<li><a class="effect_7" href="#">Магазин</a>
								<ul>
									<li><a class="effect_7" href="#">Кондиционеры</a>
                                        <ul>
                                            <li><a class="effect_7" href="#">Бытовые сплит-системы</a></li>
                                            <li><a class="effect_7" href="#">Системы управления</a></li>
                                            <li><a class="effect_7" href="#">Полупромышленные сплит-системы</a></li>
                                            <li><a class="effect_7" href="#">Мультисистемы</a></li>
                                        </ul>
                                    </li>
									<li><a class="effect_7" href="#">Отопительное оборудование</a>
                                        <ul>
                                            <li><a class="effect_7" href="#">Газовые напольные котлы</a></li>
                                            <li><a class="effect_7" href="#">твердотопливные котлы</a></li>
                                            <li><a class="effect_7" href="#">Настенные газовые котлы</a></li>
                                            <li><a class="effect_7" href="#">Стальные трехходовые твердотопливные котлы</a></li>
                                        </ul>
                                    </li>
									<li><a class="effect_7" href="#">Системы увлажнения</a></li>
									<li><a class="effect_7" href="#">Услуги</a></li>
								</ul>
							</li>
                            <li><a class="effect_7" href="#">О компании</a></li>
                            <li><a class="effect_7" href="#">Услуги</a></li>
                            <li><a class="effect_7" href="#">Контакты</a></li>
						</ul>
					</div>


function _classCallCheck(e, t) {
	if(!(e instanceof t)) throw new TypeError("Cannot call a class as a function")
}
var _extends = Object.assign || function(e) {
		for(var t = 1; t < arguments.length; t++) {
			var i = arguments[t];
			for(var n in i) Object.prototype.hasOwnProperty.call(i, n) && (e[n] = i[n])
		}
		return e
	},
	_createClass = function() {
		function e(e, t) {
			for(var i = 0; i < t.length; i++) {
				var n = t[i];
				n.enumerable = n.enumerable || !1, n.configurable = !0, "value" in n && (n.writable = !0), Object.defineProperty(e, n.key, n)
			}
		}
		return function(t, i, n) {
			return i && e(t.prototype, i), n && e(t, n), t
		}
	}(),
	Slinky = function() {
		function e(t) {
			var i = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : {};
			_classCallCheck(this, e), this.settings = _extends({}, this.options, i), this._init(t)
		}
		return _createClass(e, [{
			key: "options",
			get: function() {
				return {
					resize: !0,
					speed: 300,
					theme: "slinky-theme-default",
					title: !1
				}
			}
		}]), _createClass(e, [{
			key: "_init",
			value: function(e) {
				this.menu = $(e), this.base = this.menu.children().first();
				this.base;
				var t = this.menu,
					i = this.settings;
				t.addClass("slinky-menu").addClass(i.theme), this._transition(i.speed), $("a + ul", t).prev().addClass("next"), $("li > a", t).wrapInner("<span>");
				var n = $("<li>").addClass("header");
				$("li > ul", t).prepend(n);
				var s = $("<a>").prop("href", "#").addClass("back");
				$(".header", t).prepend(s), i.title && $("li > ul", t).each(function(e, t) {
					var i = $(t).parent().find("a").first().text();
					if(i) {
						var n = $("<header>").addClass("title").text(i);
						$("> .header", t).append(n)
					}
				}), this._addListeners(), this._jumpToInitial()
			}
		}, {
			key: "_addListeners",
			value: function() {
				var e = this,
					t = this.menu,
					i = this.settings;
				$("a", t).on("click", function(n) {
					if(e._clicked + i.speed > Date.now()) return !1;
					e._clicked = Date.now();
					var s = $(n.currentTarget);
					(0 === s.attr("href").indexOf("#") || s.hasClass("next") || s.hasClass("back")) && n.preventDefault(), s.hasClass("next") ? (t.find(".active_menu").removeClass("active_menu"), s.next().show().addClass("active_menu"), e._move(1), i.resize && e._resize(s.next())) : s.hasClass("back") && (e._move(-1, function() {
						t.find(".active_menu").removeClass("active_menu"), s.parent().parent().hide().parentsUntil(t, "ul").first().addClass("active_menu")
					}), i.resize && e._resize(s.parent().parent().parentsUntil(t, "ul")))
				})
			}
		}, {
			key: "_jumpToInitial",
			value: function() {
				var e = this.menu.find(".active");
				e.length > 0 && (e.removeClass("active"), this.jump(e, !1))
			}
		}, {
			key: "_move",
			value: function() {
				var e = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : 0,
					t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : function() {};
				if(0 !== e) {
					var i = this.settings,
						n = this.base,
						s = Math.round(parseInt(n.get(0).style.left)) || 0;
					n.css("left", s - 100 * e + "%"), "function" == typeof t && setTimeout(t, i.speed)
				}
			}
		}, {
			key: "_resize",
			value: function(e) {
				this.menu.height(e.outerHeight())
			}
		}, {
			key: "_transition",
			value: function() {
				var e = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : 300,
					t = this.menu,
					i = this.base;
				t.css("transition-duration", e + "ms"), i.css("transition-duration", e + "ms")
			}
		}, {
			key: "jump",
			value: function(e) {
				var t = !(arguments.length > 1 && void 0 !== arguments[1]) || arguments[1];
				if(e) {
					var i = this.menu,
						n = this.settings,
						s = $(e),
						a = i.find(".active_menu"),
						r = 0;
					a.length > 0 && (r = a.parentsUntil(i, "ul").length), i.find("ul").removeClass("active_menu").hide();
					var l = s.parentsUntil(i, "ul");
					l.show(), s.show().addClass("active_menu"), t || this._transition(0), this._move(l.length - r), n.resize && this._resize(s), t || this._transition(n.speed)
				}
			}
		}, {
			key: "home",
			value: function() {
				var e = !(arguments.length > 0 && void 0 !== arguments[0]) || arguments[0],
					t = this.base,
					i = this.menu,
					n = this.settings;
				e || this._transition(0);
				var s = i.find(".active"),
					a = s.parentsUntil(i, "ul");
				this._move(-a.length, function() {
					s.removeClass("active").hide(), a.not(t).hide()
				}), n.resize && this._resize(t), !1 === e && this._transition(n.speed)
			}
		}, {
			key: "destroy",
			value: function() {
				var e = this,
					t = this.base,
					i = this.menu;
				$(".header", i).remove(), $("a", i).removeClass("next").off("click"), i.css({
					height: "",
					"transition-duration": ""
				}), t.css({
					left: "",
					"transition-duration": ""
				}), $("li > a > span", i).contents().unwrap(), i.find(".active").removeClass("active"), i.attr("class").split(" ").forEach(function(e) {
					0 === e.indexOf("slinky") && i.removeClass(e)
				}), ["settings", "menu", "base"].forEach(function(t) {
					return delete e[t]
				})
			}
		}]), e
	}();
jQuery.fn.slinky = function(e) {
	return new Slinky(this, e)
};

var slinky = $('.js-menu').slinky({});


Вся проблема тут - http://test3.жалюзи-край.рф,
при переходе с главной страницы на внутреннююю, меню схлопывается.
Уже голову сломала, не подскажите в чем может быть подвох?
  • Вопрос задан
  • 52 просмотра
Пригласить эксперта
Ответы на вопрос 1
fallus
@fallus
Подозреваю, что это потому, что на других страницах отсутствует открывающий тэг <body>.
Поэтому, по каким-то там неведомым причинам, элементу с классом js-menu прописывается высота 0px.

Да и вообще, я бы на всякий случай обернул в custom.js инициализацию всего вот этого вот в onload:
$(document).ready(function(){ 

var slinky = $('.js-menu').slinky({ 
	title: true,
	resize: true
});

});
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы