在javascript中选择链接标签内容

时间:2013-08-16 09:57:21

标签: javascript url

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

Linkable tabs in 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';      

}  

0 个答案:

没有答案