Как мне заставить jQuery «простой совет» работать на странице, загруженной Ajax? - PullRequest
Новая
       14

Как мне заставить jQuery «простой совет» работать на странице, загруженной Ajax?

3 голосов
/ 18 марта 2012

Я использую код подсказки jQuery ' simple tip ' на моем сайте, который работает так же, как и на странице индекса, но не работает на внешних страницах, которые я загружаю через AJAX.

Пожалуйста, посмотрите живой пример здесь (Удалено - больше не работает).Вы увидите, что он работает над значками категорий, но не над 5 изображениями в поле ниже.Хотя это работает, когда вы загружаете этот контент самостоятельно.(/featured.html)

Я искал здесь на предмет использования jQuery на страницах, загруженных AJAX, и я видел людей, упоминающих: 

.live()

, но я просто незнаете, как реализовать его в коде всплывающей подсказки, который выглядит следующим образом: 

function simple_tooltip(target_items, name){
$(target_items).each(function(i){
    $("body").append("<div class='"+name+"' id='"+name+i+"'><p>"+$(this).attr('title')+"</p></div>");
    var my_tooltip = $("#"+name+i);

    if($(this).attr("title") != ""){ // checks if there is a title

    $(this).removeAttr("title").mouseover(function(){
            my_tooltip.css({opacity:0.8, display:"none"}).fadeIn(50);
    }).mousemove(function(kmouse){
            my_tooltip.css({left:kmouse.pageX-15, top:kmouse.pageY+30});
    }).mouseout(function(){
            my_tooltip.fadeOut(50);
    });

    }
});
}

$(document).ready(function(){
 simple_tooltip("a","tooltip");
});

Кто-нибудь будет достаточно любезен, чтобы указать мне правильное направление?

Заранее спасибо!

1 Ответ

1 голос
/ 18 марта 2012

Полагаю, повторное связывание простой всплывающей подсказки после загрузки контента с помощью ajax поможет 

 $("#youdDiv").load("serverpage.php",function(){
    simple_tooltip("a","tooltip");
  });
...