Support Inquiry
Permalink Browser Info Environment
Hi there,
This is to update you that the package I have purchased for Magic Tabs is not working. When I click on any tab, nothing happens.
As when I click on any one tab it should display its content but it does nothing. I need your support for same to make the package operational. I would greatly appreciate any help you can give.
Thanks for your time, I look forward to your response.
Rolf
This is to update you that the package I have purchased for Magic Tabs is not working. When I click on any tab, nothing happens.
As when I click on any one tab it should display its content but it does nothing. I need your support for same to make the package operational. I would greatly appreciate any help you can give.
Thanks for your time, I look forward to your response.
Rolf
Type: | Ticket |
---|---|
Status: | Archived |
Can you give me a link to a the page with the tabs on please, so I can look at what is happening in the browser developer console.
Thanks for the response. Please have a look on this link
http://49.249.236.30:92/concrete_deftsoft/index.php/eu-en/products/...
I have created three tabs along with the block of content below each tab, but click on tabs not working. I have also checked the developer console but nothing happening on click of tabs.
http://49.249.236.30:92/concrete_deftsoft/index.php/eu-en/products/...
I have created three tabs along with the block of content below each tab, but click on tabs not working. I have also checked the developer console but nothing happening on click of tabs.
The problem arises from an over-greedy jQuery selector for soft scroll (?) at the bottom ofhttp://49.249.236.30:92/concrete_deftsoft/packages/theme_stucco/the...
The selector is attaching stucco's handler to all '#' in-page hrefs, which is also grabbing the hrefs in the tabs and hence preventing the tabs from working.
$(function() { $('a[href*="#"]:not([href="#"])').click(function() { ////// THIS LINE if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) { var target = $(this.hash); target = target.length ? target : $('[name=' + this.hash.slice(1) +']'); if (target.length) { $('html,body').animate({ scrollTop: target.offset().top }, 800); return false; } } }); });
The selector is attaching stucco's handler to all '#' in-page hrefs, which is also grabbing the hrefs in the tabs and hence preventing the tabs from working.
Ideally the stucco theme should be a bit more intelligent about which links it adds smooth scrolling to. I can see a similar theme issue randomly interfering with anything that uses local # hrefs including ajax interactions, paginators, tablesorter, sliders....
The solution is to either delete that section of soft scroll from the theme, or extend the selector to eliminate anything to do with magic tabs. An un-tested idea would be to insert
Which is essentially saying "but don't attach to any href that begins #jl_magic"
The solution is to either delete that section of soft scroll from the theme, or extend the selector to eliminate anything to do with magic tabs. An un-tested idea would be to insert
.not('[href^="#jl_magic"]')
Which is essentially saying "but don't attach to any href that begins #jl_magic"
Attention: Since there has been no activity on this issue for two weeks, this issue has been automatically archived.
To re-open this issue, reply to this message.
To re-open this issue, reply to this message.