jQuery UI Tooltip Widget remove title attribute

Question

I try use jQuery UI Tooltip Widget but i find some problem for me. If the tooltip is open, it removes title attribute on element over which it opened. How i can fix this? I try something like this:

<div class="spbin" title="NAME"><div class="ptmd aud" title="LINK"></div></div>

Script:

$('[title]').tooltip({
open:function(){var te=$('.ui-tooltip-content').html();
$(this).attr('title',te);}},
{show:{effect:'slideDown',delay:250}},
{hide:{effect:'explode',delay:250}},
{track:true});

But it not halp's me (

Why do you want to do this? I expect it does this to prevent the browser from displaying the title while the tooltip is displaying. — Barmar
– Barmar, Commented Dec 25, 2012 at 5:07
These attributes are used to another script. This example work well for one div & title element but not work if its more then one. — Aleksov
– Aleksov, Commented Dec 25, 2012 at 5:12
You shouldn't use title attributes for your own purposes. Put the information in a data-XXX attribute instead. — Barmar
– Barmar, Commented Dec 25, 2012 at 5:15
You are right, it does this to prevent the browser from displaying the title while the tooltip is displaying — Aleksov
– Aleksov, Commented Dec 25, 2012 at 5:16

David · Accepted Answer · 2020-06-13 20:08:58Z

2

I did as advised Barmar. It worked. No longer need to return the value of the attribute title. I used the following code:

<div class="spbin" data-n="NAME">
     <div class="ptmd aud" data-l="LINK"></div>
</div>
<div class="tlv"></div>

Script:

$('[title]').tooltip(
    {show:{effect:'slideDown',delay:250}},
    {hide:{effect:'explode',delay:250}},
    {track:true}
);

$('.spbin').each(function(){
    $('.tlv',this).text(this.dataset.n);
    $(this).attr('title',this.dataset.n);
    $(this).hide();
    $(this).delay(du*2).fadeIn(du);
});

Thank you again Barmar!

edited Jun 13, 2020 at 20:08

David

3,3231 gold badge42 silver badges57 bronze badges

answered Dec 25, 2012 at 16:52

Aleksov

1,2425 gold badges19 silver badges28 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

jQuery UI Tooltip Widget remove title attribute

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related