Подсказка jquery для динамического элемента - PullRequest
Новая
       3

Подсказка jquery для динамического элемента

3 голосов
/ 20 июля 2010

Я использую этот плагин tooltip , чтобы сделать подсказку для элемента как 

$('.showtooltip').tooltip({
            delay: 0,
            track: true,
            showURL: false,
            bodyHandler: function() {
                var tipStr = "SOME DISPLAY HTML";
                return $(tipStr);
            }
        });

И мой ajax динамически создает элемент.добавлен в документПодсказка не отображается.Затем я использую live () в jquery: 

$(".showtooltip").live("mouseover", function() {
                $(this).tooltip({
                    delay: 0,
                    track: true,
                    showURL: false,
                    bodyHandler: function() {
                        var tipStr = "SOME DISPLAY HTML";
                        return $(tipStr);
                    }
                })
            });

Но всплывающая подсказка отображается только после первого наведения мыши на изображение.Как я могу использовать всплывающую подсказку для динамического элемента?

Ответы [ 2 ]

0 голосов
/ 22 марта 2013 
<input type="button" id="btn" value ="Click here" />

$(document).ready(function(){
$("#btn").click(function(){

    $("<input type='checkbox' title='waaaaw' />").appendTo($(this).parent()).ready(function(){
        $(this).tooltip({
                delay: 0,
                track: true,
                showURL: false,
                bodyHandler: function() {
                    var tipStr = "SOME DISPLAY HTML";
                    return $(tipStr);
                }
          }).addClass("tooledUp").show();
    });
});
});
0 голосов
/ 12 апреля 2011

Я использовал что-то подобное для повторного связывания после вызова ajax. Это может помочь. 

$(".showtooltip").live("mouseover",function(){
   if (!$(this).hasClass("tooledUp")){
      $(this).tooltip({
                delay: 0,
                track: true,
                showURL: false,
                bodyHandler: function() {
                    var tipStr = "SOME DISPLAY HTML";
                    return $(tipStr);
                }
      });
      $(this).tooltip().show();
      $(this).addClass("tooledUp");
   }
});

С форума здесь: http://static.flowplayer.org/tools/forum/30/37281

...