这是我本周早些时候在这里提出的第二个问题:
我已经在 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';
}