使用intro.js突出显示一个新的dom元素

我正在使用intro.js作为我的web应用程序的“游览”。由于我试图让这是一个相当用户互动的游览，我允许用户在各个步骤中与突出显示的DOM元素进行交互。使用intro.js突出显示一个新的dom元素

在我的应用程序中有一个包含行和列的表格。右键单击行会显示一个小的“选项”div，用户可以从中选择在当前行的上方/下方添加新行。当我开始巡回演出时，我突出了第一行。由于我正在进行互动式导览，因此我允许用户添加新行。我的问题是 - 如何在同一步骤中突出显示新添加的行以及选定的行？这一系列的步骤应该是这样的： -

STEP 1：（高亮显示的东西）

第2步： - 高亮显示一行。如果用户添加一个新行（通过右键单击当前行并选择'在上面/下面添加行'），也可以突出显示新行。

STEP 3： - （高亮显示的东西）

来源

2014-10-08 booleanhunter

如何选择'tbody'而不是行？ – 2014-10-08 07:10:11

我无法选择tbody，因为它突出了整个表格;有效地将所有行突出显示。 – booleanhunter 2014-10-08 07:13:37

然后，你有没有尝试给行分配一些类，并使用intro.js'JSON配置 - > http://usablica.github.io/intro.js/example/programmatic/index.html？ – 2014-10-08 07:15:25

把所有行相同class属性值
当添加一个新行，重新运行基础上的中class值的行选择过程新插入的行

来源

2014-10-08 07:27:53 Unrealist

请您详细说明一下吗？ – booleanhunter 2014-10-08 07:49:42

这里的工作演示：http://jsfiddle.net/951ym964/2/

你要打电话添加行时添加。您还必须使用tbody来包装要突出显示的行。

来源

2014-10-19 09:32:50

通过演示...我现在得到了逻辑..但演示没有正确突出显示表格行。它的颜色完全是白色的。我在我的应用程序中也遇到了同样的问题！ :-( – booleanhunter 2014-10-19 20:59:35

它在Firefox中对我来说非常合适，所以我在Chrome中试过了，我明白你的意思了。这是intro.js中的一个错误，你可以在这里找到一个解决方法：https：//github.com/usablica/ intro.js/issues/146。提示：下次遇到问题时，阅读文档和github问题可以节省您的时间。 – 2014-10-20 07:26:56

使用intro.js突出显示一个新的dom元素

回答

相关问题