jQuery Ajax - 向DOM添加新元素

Question

我正在尝试解决一个问题：如何使动态加载的列表可以与工具提示一起使用。 当链接有title标签时，我希望工具提示功能可以启动。 但我需要将新元素添加到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");          
});

没有起作用。

需要帮助。

问候Max

- madmax

Answer 1

您需要在新内容上再次运行插件，操作方式如下：

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

通过在$("[title]", this)中使用this作为上下文，我们只会在刚刚加载的.content元素中查找新的[title]元素。

- Nick Craver