如何定位javascript呈现的标记

Question

我正在努力使用插件呈现的定位标记。我正在使用这个插件：

http://jellekralt.github.io/Responsive-Tabs/demo/demo.html

你会在这里找到这个网站：

kenaesthetic.com

我正在尝试定位#infotabs a选择器，但似乎存在断开连接。该插件采用我的初始标记并重新呈现它。我现在需要针对生成的标记，但似乎无法。这是怎么做到的？

Answer 1

您需要使用事件委派。您可以将侦听器放在动态创建的标记的父级上，并等待事件冒泡。

$('.holds-html-generated-by-plugin').on('click', '.generated-by-plugin', function () {
  // this will be '.generated-by-plugin'
  console.log(this);
});

Answer 2

插件的文档应该告诉您关于它如何更改DOM需要了解的内容。如果没有，那就很难记录。

如果插件记录不佳，基本方法（如果您想使用它）是将插件应用到您的页面并使用浏览器中内置的工具来查看它如何更改DOM。所有现代浏览器都内置了一组非常有用的工具;浏览菜单（或按F12，这是打开它们的标准按键）。

一旦您知道插件如何更改DOM，您就可以编写选择器来定位更改。确保在插件插件已应用其更改之前，不要尝试使用这些选择器，因为它们尚不相关。所以要么在插件完成它之前不要使用它们，要么在委托处理程序中使用它们。