Question

我有这个javascript代码，我想激活第一个链接（标签），所以当有人访问该网站时可以看到它是活动的。此外，当单击下一个选项卡/链接时，第一个（活动选项卡/链接）必须将自身转换为普通选项卡/链接（非活动），所以这样做！

这是Javascript：

<script type="text/javascript">
    function forumhome_tabs_switch(switch_id){
        document.getElementById('forumhome_tabs_switch_content').innerHTML =
        document.getElementById(switch_id).innerHTML;
    }
</script>

这是HTML代码：

<td style="cursor:pointer;" onclick="javascript: forumhome_tabs_switch('forumhome_tabs_$forum[forumid]'); return false;">
    <a href="#" tabindex="2" onclick="javascript: forumhome_tabs_switch('forumhome_tabs_$forum[forumid]'); return false;">$forum[title]</a>  
</td>

不是这样的：

<li><a href="#">1</li> 
<li><a href="#">2</li> 
<li><a href="#">3</li>
...

也不可能那样做。这就是我需要帮助的原因。上面的代码将3个链接转换为3个选项卡，因此每个选项卡都会打开页面的一部分。我只想将第一个标签显示为有效，直到单击第二个标签。

Pd积。另外，我想将“onclick”从“a”（链接）传递给javascript代码。这可能吗？

Answer 1

我认为这就是你的意思？如果你愿意，我可以继续。 http://jsfiddle.net/ftM2b/1/ 基本上有三个“选项卡”在单击另一个时更改状态。你可以轻松地将它变成带有页面的标签系统。

HTML

<a class="tab" id="Tab1">Tab1</a>
<a class="tab" id="Tab2">Tab2</a>
<a class="tab" id="Tab3">Tab3</a>

JAVASCRIPT

$(function(){
$(".tab").click(function() {
$(".tab").css("background-color","blue");
$(this).css("background-color","red");
});
});

CSS

.tab{
width: 40px;
height: 20px;
background-color: blue;
}
#Tab1{
background-color: red;
}

使第一个链接活跃Javascript

1 个答案: