10h30/trestle
1
0
Fork 0
mirror of https://github.com/10h30/trestle.git synced 2026-07-11 18:56:07 +09:00
Code Issues Packages Projects Releases Wiki Activity

Add spacing to match WP standards, comment out logging, add $ to variable names for jQuery objects

Browse Source
This commit is contained in:
Braad Martin
2015-01-15 11:47:48 -08:00
parent df581703f6
commit 37144f5414
1 changed files with 63 additions and 60 deletions
Download Patch File Download Diff File Expand all files Collapse all files
includes/js/theme-jquery.js
+63 -60
View File
@@ -7,98 +7,101 @@
*/
// Executes when the document is ready
jQuery(document).ready(function( $ ) {
jQuery( document ).ready( function( $ ) {
// Get PHP vars passed via wp_localize_script()
trestleEqualColsBreakpoint = trestle_vars.trestle_equal_cols_breakpoint;
trestleEqualHeightCols = trestle_vars.trestle_equal_height_cols;
// Remove .no-jquery body class
$('body').removeClass('no-jquery');
$( 'body' ).removeClass( 'no-jquery' );
// External Links
var h = window.location.host.toLowerCase();
$('[href^="http"]').not('[href*="' + h + '"]').addClass('external-link').attr("target", "_blank");
$( '[href^="http"]' ).not( '[href*="' + h + '"]' ).addClass( 'external-link' ).attr( "target", "_blank" );
// Add classes to different types of links
$('a[href^="mailto:"]').addClass('email-link');
$('a[href*=".pdf"]').attr({"target":"_blank"}).addClass('pdf-link');
$('a[href*=".doc"]').attr({"target":"_blank"}).addClass('doc-link');
$('a').has('img').addClass('image-link');
$( 'a[href^="mailto:"]' ).addClass( 'email-link' );
$( 'a[href*=".pdf"]' ).attr({ "target":"_blank" }).addClass( 'pdf-link' );
$( 'a[href*=".doc"]' ).attr({ "target":"_blank" }).addClass( 'doc-link' );
$( 'a' ).has( 'img' ).addClass( 'image-link' );
// Add classes to parts of lists
$('li:last-child').addClass('last');
$('li:first-child').addClass('first');
$('ul, ol').parent('li').addClass('parent');
$( 'li:last-child' ).addClass( 'last' );
$( 'li:first-child' ).addClass( 'first' );
$( 'ul, ol' ).parent( 'li' ).addClass( 'parent' );
// Mobile header toggle buttons
$('.site-header .title-area').after('<div class="toggle-buttons" />');
$('.site-header .widget-area, .nav-primary').each(function(i) {
var target = $(this);
$( '.site-header .title-area' ).after( '<div class="toggle-buttons" />' );
$( '.site-header .widget-area, .nav-primary' ).each( function( i ) {
var $target = $( this );
var buttonClass = 'toggle-button';
// Add classes of target element
var targetClass = target.attr('class').split(/\s+/);
$.each(targetClass, function(index,value) {
var targetClass = $target.attr( 'class' ).split( /\s+/ );
$.each( targetClass, function( index, value ) {
buttonClass += ' targets-' + value;
});
if ( $(this).is( 'nav' ) ) {
if ( $( this ).is( 'nav' ) ) {
buttonClass += ' nav-toggle';
}
// Add toggle buttons to header
$('.toggle-buttons').prepend('<a id="toggle-button-' + i + '" class="' + buttonClass + '" href="#">Toggle</a>');
$( '.toggle-buttons' ).prepend( '<a id="toggle-button-' + i + '" class="' + buttonClass + '" href="#">Toggle</a>' );
// Add target class to nav and widget areas
target.addClass('toggle-target-' + i );
$target.addClass( 'toggle-target-' + i );
});
// Toggle widget areas and primary nav
$('.site-header .toggle-button').click( function( event ) {
$( '.site-header .toggle-button' ).click( function( event ) {
event.preventDefault();
var button = $(this);
var target = $( '.toggle-target-' + button.attr('id').match(/\d+/) );
var $button = $( this );
var $target = $( '.toggle-target-' + button.attr( 'id' ).match( /\d+/ ) );
// Toggle buttons
button.toggleClass('open');
$('.site-header .toggle-button').not(button).removeClass('open');
$button.toggleClass( 'open' );
$( '.site-header .toggle-button' ).not( $button ).removeClass( 'open' );
// Toggle targets
target.toggleClass('open');
$('[class*="toggle-target"]').not(target).removeClass('open');
$target.toggleClass( 'open' );
$( '[class*="toggle-target"]' ).not( $target ).removeClass( 'open' );
});
// Mobile navigation icons
var closedIcon = '+';
var openIcon = '-';
$('.nav-primary').find('.genesis-nav-menu .parent:not(.current-menu-item, .current_page_item, .current_page_parent, .current_page_ancestor) > a').after('<a class="sub-icon" href="#">' + closedIcon + '</a>');
$('.nav-primary').find('.genesis-nav-menu .parent.current-menu-item > a, .genesis-nav-menu .parent.current_page_item > a, .genesis-nav-menu .parent.current_page_parent > a, .genesis-nav-menu .parent.current_page_ancestor > a').after('<a class="sub-icon" href="#">' + openIcon + '</a>');
$( '.nav-primary' )
.find( '.genesis-nav-menu .parent:not(.current-menu-item, .current_page_item, .current_page_parent, .current_page_ancestor) > a' )
.after( '<a class="sub-icon" href="#">' + closedIcon + '</a>' );
$( '.nav-primary' )
.find( '.genesis-nav-menu .parent.current-menu-item > a, .genesis-nav-menu .parent.current_page_item > a, .genesis-nav-menu .parent.current_page_parent > a, .genesis-nav-menu .parent.current_page_ancestor > a' )
.after( '<a class="sub-icon" href="#">' + openIcon + '</a>' );
// Mobile navigation expand/contract functionality
$('.sub-icon').click(function(event) {
$( '.sub-icon' ).click( function( event ) {
event.preventDefault();
var icon = $(this);
icon.next('ul').slideToggle().toggleClass('open');
if ( icon.text().indexOf( closedIcon ) !== -1 )
icon.text(openIcon);
else if ( icon.text().indexOf( openIcon ) !== -1 )
icon.text(closedIcon);
var $icon = $( this );
$icon.next( 'ul' ).slideToggle().toggleClass( 'open' );
if ( $icon.text().indexOf( closedIcon ) !== -1 )
$icon.text( openIcon );
else if ( $icon.text().indexOf( openIcon ) !== -1 )
$icon.text( closedIcon );
});
$('.widget-area-toggle').click(function(event) {
$( '.widget-area-toggle' ).click( function( event ) {
event.preventDefault();
var button = $(this);
button.toggleClass('open');
button.next('.widget-area').slideToggle();
var $button = $( this );
$button.toggleClass( 'open' );
$button.next( '.widget-area' ).slideToggle();
});
// Equal height homepage cols
$('.equal-height-genesis-extender-cols .ez-home-container-area').each(function() {
$(this).children('.widget-area').equalHeights(null,null,trestleEqualColsBreakpoint);
$( '.equal-height-genesis-extender-cols .ez-home-container-area' ).each( function() {
$( this ).children( '.widget-area' ).equalHeights( null, null, trestleEqualColsBreakpoint );
});
@@ -106,7 +109,7 @@ jQuery(document).ready(function( $ ) {
// Executes when complete page is fully loaded, including all frames, objects, and images
jQuery(window).load(function( $ ) {
jQuery( window ).load( function( $ ) {
});
@@ -125,32 +128,32 @@ jQuery(window).load(function( $ ) {
*
* Usage: jQuery(object).equalHeights([minHeight], [maxHeight], [breakPoint]);
*
* Example 1: jQuery(".cols").equalHeights(); Sets all columns to the same height.
* Example 2: jQuery(".cols").equalHeights(400); Sets all cols to at least 400px tall.
* Example 3: jQuery(".cols").equalHeights(100,300); Cols are at least 100 but no more
* Example 1: jQuery( ".cols" ).equalHeights(); Sets all columns to the same height.
* Example 2: jQuery( ".cols" ).equalHeights( 400 ); Sets all cols to at least 400px tall.
* Example 3: jQuery( ".cols" ).equalHeights( 100, 300 ); Cols are at least 100 but no more
* than 300 pixels tall. Elements with too much content will gain a scrollbar.
* Example 4: jQuery(".cols").equalHeights(null, null,768); Only resize columns above 768px viewport
* Example 4: jQuery( ".cols" ).equalHeights( null, null,768 ); Only resize columns above 768px viewport
*
*/
(function( $ ) {
$.fn.equalHeights = function(minHeight, maxHeight, breakPoint) {
var items = this;
( function( $ ) {
$.fn.equalHeights = function( minHeight, maxHeight, breakPoint ) {
var $items = this;
breakPoint = breakPoint || 0;
// Bind functionality to appropriate events
$(window).on('load orientationchange resize equalheights', function() {
tallest = (minHeight) ? minHeight : 0;
items.each(function() {
$(this).height('auto');
if($(this).outerHeight() > tallest) {
tallest = $(this).outerHeight();
$( window ).on( 'load orientationchange resize equalheights', function() {
tallest = ( minHeight ) ? minHeight : 0;
$items.each( function() {
$( this ).height( 'auto' );
if( $( this ).outerHeight() > tallest ) {
tallest = $( this ).outerHeight();
}
});
// Get viewport width (taking scrollbars into account)
var e = window;
a = 'inner';
if (!('innerWidth' in window )) {
if ( !( 'innerWidth' in window ) ) {
a = 'client';
e = document.documentElement || document.body;
}
@@ -158,10 +161,10 @@ jQuery(window).load(function( $ ) {
// Equalize column heights if above the specified breakpoint
if ( width >= breakPoint ) {
if((maxHeight) && tallest > maxHeight) tallest = maxHeight;
console.log(tallest);
return items.each(function() {
$(this).height(tallest);
if( ( maxHeight ) && tallest > maxHeight ) tallest = maxHeight;
//console.log( tallest );
return items.each( function() {
$( this ).height( tallest );
});
}
});