Jump to content


Links with anchor # do not work inside tabs


This topic has been archived. This means that you cannot reply to this topic.
24 replies to this topic

#21 Guest_gero_*

Guest_gero_*
  • Guests

Posted 17 November 2010 - 03:13 AM

Hello Sridhar,

it's definetly not a browser problem. It occures with every browser. It seems clear to me, that it is obviously a Tabber/jQuery-Problem. Just look at my previous posts and the hints I found for this. I'm no jQuery expert so I'm not able to figuere out, how the jQuery-code of Tabber must be changed to solve this issue, that the jQuery code of tabber does not cause actions to links inside the Tabber tabs.

gero

#22 Guest_Jay Collier_*

Guest_Jay Collier_*
  • Guests

Posted 23 November 2010 - 10:01 PM


Exact same problem. Just discovered this thread.

Nothing happens when clicking on an # anchor tag inside a tab, for any widget. That same link, outside a tab, works.

See this: <a  href="http://wgbhalumni.org/" rel="nofollow" target="_blank">http://wgbhalumni.org/</a>

This is the best sidebar plugin, but this is also a significant problem.

Help!




#23 Ronald

Ronald

    Forum Admin

  • Administrators
  • Others: All Plugins, All Themes, Moderators, Webdesign
  • 30,145 posts

Posted 24 November 2010 - 02:53 AM


Hi,

are you using a plugin for the recent comments? Rather than the standard WordPress widget?

Ronald


Join the iThemes Builder Community on Google+.



To ensure that we can process your support request efficiently, ALWAYS include a link to your site, and/or the page your request is related to. Please also read the forum guidelines.



When asking your question/posting your request on the forum, please be as concise and specific as possible. The shorter your request, the more to the point, the more specific, the easier it will be for us to try and help out.


#24 Guest_gero_*

Guest_gero_*
  • Guests

Posted 24 November 2010 - 06:31 AM

Well, the problem is clear, but it seems no one is able to program in jQuery. The "support" only seems to ask questions :)

My jQuery knowledge is very poor, but I think I found the problem - and the solution. As I said this is a general problem with all anchor-links inside tabber tabs, so we have to make sure, that the plugin script only refers to links with a "tabber achor".

So in tabber-widget/js/jquery.idTabs.min.js replace

var list=$("a[href*='#']",tabs)
with
var list=$("a[href*='#tab']",tabs)
Now all links to "normal" anchors work well and the tabber script only refers to tabber anchors.

tabber-widget/js/jquery.idTabs.min.js

#25 skylermoore

skylermoore

    Member

  • Members
  • Others: All Themes, BackupBuddy, All Plugins, DisplayBuddy, ThumbsUp
  • 2,141 posts

Posted 24 November 2010 - 04:55 PM

Thank you for finding the fix for that issue this will help a lot of people.

I have done some testing with the fix you gave us and it should be added into the plugin very soon.

We really appreciate your help and would like to send you a free t-shirt, please send me a PM with your address and shirt size.

Thanks again.