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

Question

更新：我不得不更改文字以解释我的确切问题。

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

的jQuery（ “a”）的提示（）;

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

Answer 1

  

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

请致电：

jQuery("a").tooltip();

再次在每个AJAX调用的.success()处理程序中。

如果插件写得正确，它将忽略已经应用了这些插件的任何链接。否则，您需要更改选择器，以便它只选择AJAX调用添加的选择器。

Answer 2

有几种方法：

1. 将所有动态的未来元素赋予某个类（如dynamic）并使用这样的CSS规则。

   span.dynamic { display: block; }
   

2. 确保所有动态元素在页面中都有一个父元素（或者至少是具有特定类的父元素：

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

Answer 3

试试这个：

$("head").append("<link>");
   css = $("head").children(":last");
   css.attr({
     rel:  "stylesheet",
     type: "text/css",
     href: "link_that_point_to_the_css"
   });