Непослушный Аккордеон

Vlad-i-Slav · 7 июн 2013

jquery меню Аккордеон сворачивается автоматически при выборе пункта. Думаю - из-за того, что многое изменено в теме.

В js - ноль, поэтому может кто-то подскажет, как поправить? Может быть сравнивать адрес страницы с ссылкой в меню и разворачивать при совпадении?

Сайт: http://apuzzle.ru

Скрипт менюшки:

Спойлер

/*
* DC jQuery Vertical Accordion Menu - jQuery vertical accordion menu plugin
* Copyright (c) 2011 Design Chemical
*
* Dual licensed under the MIT and GPL licenses:
* http://www.opensource.org/licenses/mit-license.php
* http://www.gnu.org/licenses/gpl.html
*
*/

(function($){

$.fn.dcAccordion = function(options) {

//set default options
var defaults = {
classParent : 'dcjq-parent',
classActive : 'active',
classArrow : 'dcjq-icon',
classCount : 'dcjq-count',
classExpand : 'dcjq-current-parent',
classDisable : '',
eventType : 'click',
hoverDelay : 300,
menuClose : true,
autoClose : true,
autoExpand : false,
speed : 'slow',
saveState : true,
disableLink : true,
showCount : false,
cookie : 'dcjq-accordion'
};

//call in the default otions
var options = $.extend(defaults, options);

this.each(function(options){

var obj = this;
$objLinks = $('li > span',obj);
$objSub = $('li > ul',obj);
if(defaults.classDisable){
$objLinks = $('li:not(.'+defaults.classDisable+') > a',obj);
$objSub = $('li:not(.'+defaults.classDisable+') > ul',obj);
}

classActive = defaults.classActive;

setUpAccordion();
if(defaults.saveState == true){
checkCookie(defaults.cookie, obj, classActive);
}
if(defaults.autoExpand == true){
$('li.'+defaults.classExpand+' > a').addClass(classActive);
}
resetAccordion();

if(defaults.eventType == 'hover'){

var config = {
sensitivity: 2, // number = sensitivity threshold (must be 1 or higher)
interval: defaults.hoverDelay, // number = milliseconds for onMouseOver polling interval
over: linkOver, // function = onMouseOver callback (REQUIRED)
timeout: defaults.hoverDelay, // number = milliseconds delay before onMouseOut
out: linkOut // function = onMouseOut callback (REQUIRED)
};

$objLinks.hoverIntent(config);
var configMenu = {
sensitivity: 2, // number = sensitivity threshold (must be 1 or higher)
interval: 1000, // number = milliseconds for onMouseOver polling interval
over: menuOver, // function = onMouseOver callback (REQUIRED)
timeout: 1000, // number = milliseconds delay before onMouseOut
out: menuOut // function = onMouseOut callback (REQUIRED)
};

$(obj).hoverIntent(configMenu);

// Disable parent links
if(defaults.disableLink == true){

$objLinks.click(function(e){
if($(this).siblings('ul').length >0){
e.preventDefault();
}
});
}

} else {

$objLinks.click(function(e){

$activeLi = $(this).parent('li');
$parentsLi = $activeLi.parents('li');
$parentsUl = $activeLi.parents('ul');

// Prevent browsing to link if has child links
if(defaults.disableLink == true){
if($(this).siblings('ul').length >0){
e.preventDefault();
}
}

// Auto close sibling menus
if(defaults.autoClose == true){
autoCloseAccordion($parentsLi, $parentsUl);
}

if ($('> ul',$activeLi).is(':visible')){
$('ul',$activeLi).slideUp(defaults.speed);
$('a',$activeLi).removeClass(classActive);
} else {
$(this).siblings('ul').slideToggle(defaults.speed);
$('> a',$activeLi).addClass(classActive);
}

// Write cookie if save state is on
if(defaults.saveState == true){
createCookie(defaults.cookie, obj, classActive);
}
});
}

// Set up accordion
function setUpAccordion(){

$arrow = '<span class="'+defaults.classArrow+'"></span>';
var classParentLi = defaults.classParent+'-li';
$objSub.show();
$('li',obj).each(function(){
if($('> ul',this).length > 0){
$(this).addClass(classParentLi);
$('> li',this).addClass(defaults.classParent).append($arrow);
}
});
$objSub.hide();
if(defaults.classDisable){
$('li.'+defaults.classDisable+' > ul').show();
}
if(defaults.showCount == true){
$('li.'+classParentLi,obj).each(function(){
if(defaults.disableLink == true){
var getCount = parseInt($('ul a:not(.'+defaults.classParent+')',this).length);
} else {
var getCount = parseInt($('ul a',this).length);
}
$('> a',this).append(' <span class="'+defaults.classCount+'">('+getCount+')</span>');
});
}
}

function linkOver(){

$activeLi = $(this).parent('li');
$parentsLi = $activeLi.parents('li');
$parentsUl = $activeLi.parents('ul');

// Auto close sibling menus
if(defaults.autoClose == true){
autoCloseAccordion($parentsLi, $parentsUl);

}

if ($('> ul',$activeLi).is(':visible')){
$('ul',$activeLi).slideUp(defaults.speed);
$('a',$activeLi).removeClass(classActive);
} else {
$(this).siblings('ul').slideToggle(defaults.speed);
$('> a',$activeLi).addClass(classActive);
}

// Write cookie if save state is on
if(defaults.saveState == true){
createCookie(defaults.cookie, obj, classActive);
}
}

function linkOut(){
}

function menuOver(){
}

function menuOut(){

if(defaults.menuClose == true){
$objSub.slideUp(defaults.speed);
// Reset active links
$('a',obj).removeClass(classActive);
createCookie(defaults.cookie, obj, classActive);
}
}

// Auto-Close Open Menu Items
function autoCloseAccordion($parentsLi, $parentsUl){
$('ul',obj).not($parentsUl).slideUp(defaults.speed);
// Reset active links
$('a',obj).removeClass(classActive);
$('> a',$parentsLi).addClass(classActive);
}
// Reset accordion using active links
function resetAccordion(){
$objSub.hide();
var $parentsLi = $('a.'+classActive,obj).parents('li');
$('> a',$parentsLi).addClass(classActive);
$allActiveLi = $('a.'+classActive,obj);
$($allActiveLi).siblings('ul').show();
}
});

// Retrieve cookie value and set active items
function checkCookie(cookieId, obj, classActive){
var cookieVal = $.cookie(cookieId);
if(cookieVal != null){
// create array from cookie string
var activeArray = cookieVal.split(',');
$.each(activeArray, function(index,value){
var $cookieLi = $('li:eq('+value+')',obj);
$('> a',$cookieLi).addClass(classActive);
var $parentsLi = $cookieLi.parents('li');
$('> a',$parentsLi).addClass(classActive);
});
}
}

// Write cookie
function createCookie(cookieId, obj, classActive){
var activeIndex = [];
// Create array of active items index value
$('li a.'+classActive,obj).each(function(i){
var $arrayItem = $(this).parent('li');
var itemIndex = $('li',obj).index($arrayItem);
activeIndex.push(itemIndex);
});
// Store in cookie
$.cookie(cookieId, activeIndex, { path: '/' });
}
};
})(jQuery);

Sunray · 7 июн 2013

у меня в файрфоксе нормально все выбирает..
что у тебя за браузер?у оперы знаю косяки бывают с этим

Vlad-i-Slav · 7 июн 2013

он работает, но при выборе конечной категории, генерирует страницу и сворачивается. А нужно, чтобы менюшка была развернута до выбранного конечного пункта

Sunray · 7 июн 2013

тоесть вы хотите чтобы она создав страницу продолжала оставаться развернутой?
но у вас не ajax подгрузка страниц, а каждый раз происходит обновление страницы и потому как вы зафиксировали высоту этого не заметно

Vlad-i-Slav · 7 июн 2013

но можно же сравнить ссылку меню и адрес страницы и при генерации развернуть до нужного уровня?

Sunray · 7 июн 2013

при mouseover, если меню еще не показано, то показать его, и сбросить таймер(о нем речь дальше)
при mouseout сделать
var timer = setTimeout(function(){/* здесь скрываем меню */}, 500);

Vlad-i-Slav · 8 июн 2013

Нет, я имел ввиду боковое меню, а не верхнее

Спойлер

http://apuzzle.ru/index.php?route=p...manufacturer_id=13&series_id=1&category_id=65

Sunray · 10 июн 2013

Vlad-i-Slav сказал(а): ↑

Нет, я имел ввиду боковое меню, а не верхнее

Спойлер

http://apuzzle.ru/index.php?route=p...manufacturer_id=13&series_id=1&category_id=65

Нажмите, чтобы раскрыть...

у тебя не задан актив класс просто..

вообще поставь меню Accordion Menu - Offlajn и все станет проще

Vlad-i-Slav · 10 июн 2013

Sunray сказал(а): ↑

Accordion Menu - Offlajn
Нажмите, чтобы раскрыть...

для joomla, а у меня - opencart

Как задать актив класс? Может выложить файлы какие-то?

johndoe · 5 сен 2013

$(selector).accordion({active: Nomer})

Vlad-i-Slav · 6 сен 2013

Тема закрыта, всем спасибо