first commit
This commit is contained in:
@@ -0,0 +1,86 @@
|
||||
var $j = jQuery.noConflict(),
|
||||
$window = $j( window );
|
||||
|
||||
$j( document ).ready( function() {
|
||||
"use strict";
|
||||
// Mega menu
|
||||
oceanwpMegaMenu();
|
||||
} );
|
||||
|
||||
/* ==============================================
|
||||
MEGA MENU
|
||||
============================================== */
|
||||
function oceanwpMegaMenu() {
|
||||
"use strict"
|
||||
|
||||
// Mega menu in top bar menu
|
||||
$j( '#top-bar-nav .megamenu-li.full-mega' ).hover( function() {
|
||||
var topBar = $j( '#top-bar' ),
|
||||
menuWidth = topBar.width(),
|
||||
menuPosition = topBar.offset(),
|
||||
menuItemPosition = $j( this ).offset(),
|
||||
PositionLeft = menuItemPosition.left-menuPosition.left+1;
|
||||
|
||||
$j( this ).find( '.megamenu' ).css( { left: '-'+PositionLeft+'px', width: menuWidth } );
|
||||
} );
|
||||
|
||||
// Mega menu in principal menu
|
||||
$j( '#site-navigation .megamenu-li.full-mega' ).hover( function() {
|
||||
var siteHeader = $j( '#site-header-inner' ),
|
||||
menuWidth = siteHeader.width(),
|
||||
menuPosition = siteHeader.offset(),
|
||||
menuItemPosition = $j( this ).offset(),
|
||||
PositionLeft = menuItemPosition.left-menuPosition.left+1;
|
||||
|
||||
if ( $j( '#site-header' ).hasClass( 'medium-header' ) ) {
|
||||
siteHeader = $j( '#site-navigation-wrap > .container' ),
|
||||
menuWidth = siteHeader.width(),
|
||||
menuPosition = siteHeader.offset(),
|
||||
PositionLeft = menuItemPosition.left-menuPosition.left+1;
|
||||
}
|
||||
|
||||
$j( this ).find( '.megamenu' ).css( { left: '-'+PositionLeft+'px', width: menuWidth } );
|
||||
} );
|
||||
|
||||
// Megamenu auto width
|
||||
$j( '.navigation .megamenu-li.auto-mega .megamenu' ).each( function() {
|
||||
var li = $j( this ).parent();
|
||||
var liOffset = li.offset().left;
|
||||
var liOffsetTop = li.offset().top;
|
||||
var liWidth = $j( this ).parent().width();
|
||||
var dropdowntMarginLeft = liWidth/2;
|
||||
var dropdownWidth = $j( this ).outerWidth();
|
||||
var dropdowntLeft = liOffset - dropdownWidth/2;
|
||||
|
||||
if ( dropdowntLeft < 0 ) {
|
||||
var left = liOffset - 10;
|
||||
dropdowntMarginLeft = 0;
|
||||
} else {
|
||||
var left = dropdownWidth/2;
|
||||
|
||||
}
|
||||
|
||||
if ( oceanwpLocalize.isRTL ) {
|
||||
$j( this ).css( {
|
||||
'right': - left,
|
||||
'marginRight': dropdowntMarginLeft
|
||||
} );
|
||||
} else {
|
||||
$j( this ).css( {
|
||||
'left': - left,
|
||||
'marginLeft': dropdowntMarginLeft
|
||||
} );
|
||||
}
|
||||
|
||||
var dropdownRight = ( $window.width() ) - ( liOffset - left + dropdownWidth + dropdowntMarginLeft );
|
||||
|
||||
if ( dropdownRight < 0 ) {
|
||||
$j( this ).css( {
|
||||
'left': 'auto',
|
||||
'right': - ( $window.width() - liOffset - liWidth - 10 )
|
||||
} );
|
||||
}
|
||||
|
||||
} );
|
||||
|
||||
}
|
||||
Reference in New Issue
Block a user