0

这是我本周早些时候在这里提出的第二个问题:

javascript中的可链接标签

我已经在 url 链接方面使下面的 javascript 工作 - 如果我将 #tabs-1 添加到 URL 的末尾,我页面的顶部 (jTScrollbar) 居中,但我正在努力寻找一种方法来获取底部内容(带有“content_x”的 div id)也显示。

我需要触发点击事件?但是我尝试过的任何事情都失败了。一如既往地感谢您的帮助。

这是代码:

以下是我设置链接的方式:

<a href="javascript:tabSwitch(1, 19, 'tab_', 'content_');" id="tab_1" >
    <img src="image1.jpg" />
    <h3 class="links">
        Link 1
    </h3>
</a>        

其中“1”是此选项卡的编号,“19”是选项卡的总数。

以下是单击“选项卡”时显示的内容:

<div id="content_1" class="content">
    <div class="modalBlurb">
        <img src="img.jpg" />
        <p class="Blurb">
            "Lorem Ipsum dum de darr"
        </p>
    </div>  
</div>

这是功能代码:

function tabSwitch(active, number, tab_prefix, content_prefix) {  

    for (var i=1; i < number+1; i++) {  
      document.getElementById(content_prefix+i).style.display = 'none';  
      document.getElementById(tab_prefix+i).className = '';  
    }  
    document.getElementById(content_prefix+active).style.display = 'block';  
    document.getElementById(tab_prefix+active).className = 'active';      

}  
4

0 回答 0