Question

我需要在每个标签的末尾点击下一个绿色按钮。这是http://www.cmsonlinehelp.com/ann/events

目前发生的事情是，我可以通过点击它们移动到标签页。但我需要在单击“下一步”按钮时转到下一个选项卡。

这是我的脚本代码：

 <script type="text/javascript">
var countries=new ddtabcontent("countrytabs")
countries.setpersist(true)
countries.setselectedClassTarget("link") //"link" or "linkparent"
countries.init()
</script>

我在导航中使用它：

        <ul id="countrytabs" class="shadetabs">            
        <li><a href="#" rel="country1" class="selected">Photography Coverage</a></li>
        <li><a href="#" rel="country2" id="videocoverage">Video Coverage</a></li>
        <li><a href="#" rel="country3" id="djcoverage">Dj Coverage</a></li>
        <li><a href="#" rel="country4" id="eventcoverage">Event Details</a></li>
        </ul>

将id提供给单个标签div，如：

          <div id="country1" class="tabcontent">
          <div id="country2" class="tabcontent">
          <div id="country3" class="tabcontent">
          <div id="country4" class="tabcontent">

Answer 1

只需调用标签链接的点击事件即可。因此，对于第一个“下一步”按钮，您的javascript会调用document.getElementById('videocoverage').click()

点击下一个按钮更改标签

1 个答案: