Search jQuery

jQuery Forum

Screen name:
Daniel Ritiu

Daniel Ritiu's Profile

1 Posts

1 Responses

0 Followers

Activity Trend

Last 30 days

Loading Chart...

Show:

Expanded view
List view

jQuery runs on Load instead of on Click event
[2Replies]
- 16-Mar-2016 02:27 PM
- Forum: Using jQuery
Hello,

I have the following code:
1. jQuery( function( $ ) {
  // wc_single_product_params is required to continue, ensure the object exists
  if ( typeof wc_single_product_params === 'undefined' ) {
  return false;
  }
  
  // Tabs
  $( '.wc-tabs-wrapper, .woocommerce-tabs' ).on( 'init', function() {
  $( '.wc-tab, .woocommerce-tabs .panel:not(.panel .panel)' ).hide();
  var hash = window.location.hash;
  var url = window.location.href;
  var $tabs = $( this ).find( '.wc-tabs, ul.tabs' ).first();
  if ( hash.toLowerCase().indexOf( 'comment-' ) >= 0 || hash === '#reviews' ) {
  $tabs.find( 'li.reviews_tab a' ).click();
  } else if ( url.indexOf( 'comment-page-' ) > 0 || url.indexOf( 'cpage=' ) > 0 ) {
  $tabs.find( 'li.reviews_tab a' ).click();
  } else {
  $tabs.find( 'li:first a' ).click();
  }
  });
  
  $( '.wc-tabs-wrapper, .woocommerce-tabs' ).on( 'click', '.wc-tabs li a, ul.tabs li a', function() {
  var $tab = $( this );
  var $tabs_wrapper = $tab.closest( '.wc-tabs-wrapper, .woocommerce-tabs' );
  var $tabs = $tabs_wrapper.find( '.wc-tabs, ul.tabs' );
  
  $tabs.find( 'li' ).removeClass( 'active' );
  $tabs_wrapper.find( '.wc-tab, .panel:not(.panel .panel)' ).hide();
  
  $tab.closest( 'li' ).addClass( 'active' );
  $tabs_wrapper.find( $tab.attr( 'href' ) ).show();
  /*alert ($tab.attr( 'href' ));*/
  
  window.alert('hello');
  return false;
  });
  
  $( '.wc-tabs-wrapper, .woocommerce-tabs' ).trigger( 'init' );
  
  $( 'a.woocommerce-review-link' ).click( function() {
  $( '.reviews_tab a' ).click();
  return true;
  });
  }
This is part of a WooCommerce website where I want to show tabs. Look at my site if it helps:
countryball.com/product/austriaball/

When I load my site the alert is displayed without needing to click anything. But when I click the specified items nothing happens. I've put there the alert just for testing (now I removed it). Do you have any idea what can be the problem?

«Prev
Next »

Response title

Attachments

jQuery Forum

Activity Trend