Question

我正在使用Amazon Mechanical Turk的新<crowd-form>标签，并且正在创建一个带有2个选项卡的付费预选赛，一个用于说明和实践我们的界面，一个用于测试本身。我想在“说明”选项卡的底部放置一个按钮，以使用户可以轻松地转到“测试”选项卡，而不必一直滚动回到顶部。可以使用Amazon的特殊<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。

祝一切顺利，

Amazon Mechanical Turk

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

1 个答案: