javascript - javascript使用Amazon Mechanical Turk更改选项卡<crowd-tabs>

我正在使用Amazon Mechanical Turk的新<crowd-form>标签，并使用2个选项卡创建了一个付费的限定符，一个选项卡用于界面的说明和练习，一个选项卡用于测试本身。我想在“说明”选项卡的底部放置一个按钮，以使用户可以轻松地转到“测试”选项卡，而不必一直滚动回到顶部。使用Amazon的特殊<crowd-tabs>元素是否可以轻松实现此目的？

最佳答案

您实际上不需要任何JavaScript即可实现。

这是一个实现它的代码示例：

<script src="https://assets.crowd.aws/crowd-html-elements.js"></script>

<crowd-form>
  <crowd-tabs id="tabs">
    <crowd-tab header="Tab 1">
      Tab 1 content
    </crowd-tab>

    <crowd-tab header="Tab 2">
      Tab 2 content
    </crowd-tab>
  </crowd-tabs>
</crowd-form>

<crowd-button onclick="tabs.activeIndex=0">
  Tab 1
</crowd-button>

<crowd-button onclick="tabs.activeIndex=1">
  Tab 2
</crowd-button>

这是一个正在运行的JSFiddle https://jsfiddle.net/py91rekd。

祝一切顺利，

亚马逊机械特克

关于javascript - javascript使用Amazon Mechanical Turk更改选项卡<crowd-tabs>，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/55187975/