jQuery Ajax - добавление новых элементов в DOM

Question

Я пытаюсь понять, как я могу управлять своим динамически загруженным списком, чтобы он работал с подсказками. Когда ссылка имеет тег заголовка, я хочу запустить функцию всплывающей подсказки. Но мне нужно добавить новые элементы в DOM, чтобы функция «видела» элемент title.

Вот как это выглядит прямо сейчас: Подсказка работает, но не с загруженными элементами.

$(document).ready(function() {
    $("#home").click(function(){
        $(".content ").load("start.html");
    });
    $("[title]").style_my_tooltips({ 
        tip_follows_cursor: "on",
        tip_delay_time: 300 
    });

Я попробовал это с bind и live, но у меня ничего не получалось. Моя попытка с функцией live ():

$("#home").live("click", function(){
    $(".content ").load("start.html");          
});

Не работает.

Помощь оценена.

привет Макс

Answer 1

Вы должны снова запустить плагин для нового контента, например:

$("#home").click(function(){
  $(".content").load("start.html", function() {
    $("[title]", this).style_my_tooltips({ 
      tip_follows_cursor: "on",
      tip_delay_time: 300 
    });
  });
});

Используя this в качестве контекста в $("[title]", this), мы ищем только новый [title]элементы в этом .content элементе, который вы только что загрузили.