How to Remove "#" Link from Tooltips?

[co50]

We use tool tip shortcodes to describe the column headers here:

https://rirank.com/ri-senate-social-media-rankings/

However clicking them (which is needed on mobile to see the tooltip) results in it tossing them to the top of the page due to the inserted “#” link. I saw in another thread that you recommended using this javascript:

jQuery(".x-extra").removeAttr(“href”);

But that did not work. The # link still appears. I also tried making the link:

href=“javascript:;”

But that did not work either, because it inserts a Span tag.

How can we use a tooltip that completely removes the link element? Thanks!

[ruenel]

Hello @co50,

Thanks for the very detailed post information. Are you using the Popups and Tooltips shortcode? Please updated your shortcode and use this instead:

[extra href="javascript:;" title="Yeah, tooltip time!" info="tooltip" info_place="top" info_trigger="hover"] Place your content here [/extra]

Please check out this link:

• https://stackoverflow.com/a/1830934

[co50]

That’s where I got what I tried from…not sure what I messed up because my shortcode looks similar to yours but yours worked. No complaints here. You’re an all-star @RueNel!

[lely]

Hi @co50,

Glad this is now working.There might be a typo error on your part.
Feel free to open a new thread for more inquiry!