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