javascript - 有没有一种方法可以在 intro.js 中调用 thead 和 tdata

标签 javascript jquery html angularjs intro.js

我有一个包含 Thead 和 Tdata 的 HTML 表格,我应该将 data-intro 和 data-step 放在哪里,以便使它们两个同时聚焦..对不起,新手,请帮助我,谢谢提前..

<table>
  <thead>
      <tr>
        <th>TITLE</th>
        <th>AUTHOR</th>
      </tr>
  </thead>

  <tbody>
    <tr>
       <td>
          SAMPLE TITLE
       </td>

        <td>
          SAMPLE AUTHOR
       </td>
    </tr>
  </tbody>
</table>

最佳答案

在最新版本的 IntroJS 中,您可以在引言中引入 tr 元素。

<table>
  <thead >
      <tr data-step="1" data-intro="This is thead">
        <th>TITLE</th>
        <th>AUTHOR</th>
      </tr>
  </thead>

  <tbody>
    <tr data-step="2" data-intro="tbody">
       <td>
          SAMPLE TITLE
       </td>

        <td>
          SAMPLE AUTHOR
       </td>
    </tr>
  </tbody>
</table>

演示:http://jsfiddle.net/MUKn9/1/

关于javascript - 有没有一种方法可以在 intro.js 中调用 thead 和 tdata,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24382170/

相关文章:

PHP电子邮件风格

html - 将 float 元素放在其父元素的底部

javascript - Strongloop 中的基本身份验证

javascript - 单击隐藏的单选按钮在 Angular 9 中不起作用

javascript - onFocus 和 onMouseEnter 事件有什么区别?

javascript - 在图像映射上方带有动画的 div

javascript - CSS无限动画

html - 为什么我的 Child Div 忽略它的父级?

javascript - slider 拇指无法在 Microsoft Edge 中正确显示

javascript - Google Chrome 上的大文件下载问题