jQuery .click() events not working in Tabs element

[mattatcellarpage]

Hi there,

I’m trying to trigger some jQuery when a new tab is selected using the .click() listener on the .tab-* elements, but it seems like the code is being ignored. I’ve even tried to do a single tab to simplify the process:

jQuery(function($) {
  $("#tab-26").click(function() {
    setTimeout(function() {
      $(window).trigger('resize');
  	}, 10);
  });
});

I set a breakpoint on this function in the developer console of Chrome, and strangely, it says it breaks on the initial page load, but never when I click on the tab. My guess is you’re preventing defaults somewhere…

Is there a way around this? Or at least, can you point me in the right direction?

Thanks in advance!
Matt

[thai]

Hi Matt,

Please try with the class selector instead:

jQuery(function($) {
  $(".x-tabs-list button").click(function() {
    setTimeout(function() {
      $(window).trigger('resize');
  	}, 10);
  });
});

Please note that custom coding is outside the scope of our support. Issues that might arise from the use of custom code and further enhancements should be directed to a third party developer.

Hope that helps and thank you for understanding.

[mattatcellarpage]

Seems to have worked. Thanks!

[friech]

We are delighted to assist you with this.

Cheers!