CODEWITHSUNDEEP
jquerytooltip
Devil089
Devil089

Reputation: 65

Jquery Tooltip shows twice

I have a strange jquery Tooltip problem.

The Tooltips works great.

But every time i hover on the Tooltip. The same content of the tooltip shows also at the side of the page or at bottom. So i have the tooltip twice.

Hope its clear

This is my code:

$( "#card1" ).tooltip({items: "a", content: 'this is my tooltipp' });

This is my html code

<a id="card1" href="#">tooltipp</a>

I use it in Wordpress custom page. I also try to deactivate all Wordpress plugin. But also the same problem.

Can anyone help me what i do wrong?

Here is the screenshot: tooltip

Upvotes: 0

Views: 469

Answers (1)

Piyush Mishra
Piyush Mishra

Reputation: 11

It shows twice because it add the div <div role="log" aria-live="assertive" aria-relevant="additions" class="ui-helper-hidden-accessible"></div> so you need css of the below class

.ui-helper-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}

Or you can use

<link href="https://code.jquery.com/ui/1.11.0/themes/smoothness/jquery-ui.css" rel="stylesheet" type="text/css" />

Upvotes: 1

Related Questions