Javascript 将小部件应用于当前和将来的页面元素

Javascript 将小部件应用于当前和将来的页面元素,javascript,jquery,Javascript,Jquery,更新:我不得不修改文本来解释我的确切问题 我有一个第三方的工具提示库。 它是这样工作的 jQuery(“a”).tooltip() 如何将其附加到此页面上使用ajax添加的所有未来“a”元素?有几种方法: 为所有动态未来元素指定一个特定的类(如dynamic),并使用如下CSS规则 span.dynamic { display: block; } 确保所有动态元素在页面中都有一个特定的父元素(或者至少有一个具有特定类的父元素: #dynamicParent span { display: b

更新:我不得不修改文本来解释我的确切问题

我有一个第三方的工具提示库。 它是这样工作的

jQuery(“a”).tooltip()


如何将其附加到此页面上使用ajax添加的所有未来“a”元素?

有几种方法:

  • 为所有动态未来元素指定一个特定的类(如
    dynamic
    ),并使用如下CSS规则

    span.dynamic { display: block; }
    
  • 确保所有动态元素在页面中都有一个特定的父元素(或者至少有一个具有特定类的父元素:

    #dynamicParent span { display: block; }    <-- Select single element by ID
    div.dynamicParent span { display: block; } <-- all divs with this class
    
    #dynamicParent span{display:block;}试试这个:

    $("head").append("<link>");
       css = $("head").children(":last");
       css.attr({
         rel:  "stylesheet",
         type: "text/css",
         href: "link_that_point_to_the_css"
       });
    
    $(“head”)。追加(“”);
    css=$(“head”).children(“:last”);
    css.attr({
    rel:“样式表”,
    键入:“文本/css”,
    href:“链接指向css”
    });
    
    如何将其附加到使用ajax在此页面上添加的所有未来“a”元素

    只要打电话:

    jQuery("a").tooltip();
    
    同样在每个AJAX调用的
    .success()
    处理程序中


    如果插件编写正确,它将忽略任何已应用此功能的链接。否则,您需要更改选择器,使其只选择通过AJAX调用添加的链接。

    也许我遗漏了一些内容,但为什么您不能为相关元素指定一个特定类,并使用该类对其进行样式设置呢CSS?这通常是通过定义一个类并将该类应用于一个元素来实现的。在运行时更改类是可能的,但复杂的是
    live
    有什么问题??