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

Question

我正在使用 Amazon Mechanical Turk 的新<crowd-form>标签，并且正在创建一个带有 2 个标签的付费限定符，一个用于使用我们的界面进行说明和练习，另一个用于测试本身。 我想在说明选项卡的底部放置一个按钮，以便用户轻松进入测试选项卡，而无需一直滚动到顶部。 有没有一种简单的方法可以使用亚马逊的特殊<crowd-tabs>元素来做到这一点？

Answer 1

您实际上不需要任何 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 。

祝一切顺利，

亚马逊机械土耳其人