代码之家 › 专栏 › 技术社区 › madmax

jQuery Ajax-向DOM添加新元素

jquery dom ajax

madmax · 技术社区 · 14 年前

我试图弄清楚,如何管理动态加载的列表,使其能够使用工具提示。当链接有标题标记时,我希望工具提示功能启动。但是我需要将新元素添加到DOM中,以便函数“看到”title元素。

这就是它现在的样子: 工具提示只对加载的元素有效。

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

我试过用捆绑和生活,但没有工作对我来说。我对live()函数的尝试:

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

不起作用。

感谢帮助。

问候麦克斯

1 回复 | 直到 14 年前

Nick Craver 14 年前

必须在新内容上再次运行插件,如下所示:

$("#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 刚刚加载的元素。

推荐文章

Ezz Deghedy · 如何获取数据和读取响应

1 年前

StuP · 响应式Vue组件在数据更改时不更新

2 年前

burr · 让jQuery选择器识别新添加的DOM元素[关闭]

2 年前

viboven · Javascript DOM未从ID检测到按钮,表示其为null[已关闭]

2 年前

Toufique E Joarder · 将<li>移动到第n个位置并使用JavaScript更改href链接

2 年前

HASEEB ALAM RAFIQ · 如何在react中获取QuerySelector所有html元素?

2 年前

J. Hu · “表单提交已取消,因为表单未连接”[重复]

6 年前

pploypiti · 选择所有其他ID不是“this”的元素。id'

6 年前

xiaolingxiao · 导航到页面后运行javascript

6 年前

Voodoobear · 如何将数字变量插入replaceWith(JavaScript)

6 年前