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

标签 javascript tabs mechanicalturk

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

祝一切顺利

亚马逊土耳其机器人

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