1

私はこの JavaScript コードを持っています。最初のリンク (タブ) をアクティブにして、誰かが Web サイトにアクセスしたときにそれがアクティブであることを確認できるようにしたいと考えています。また、次のタブ/リンクがクリックされると、最初のタブ/リンク (アクティブなタブ/リンク) が通常のタブ/リンク (非アクティブ) に変換される必要があります。

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 つのタブに変換するため、各タブはページのセクションを開きます。2番目のタブがクリックされるまで、最初のタブをアクティブとして表示したいだけです。

PD また、「a」(リンク) から「onclick」を JavaScript コードに渡したいと思います。それは可能ですか？

4

1 に答える 1

0

これがあなたの言いたいことだと思いますか？希望があれば続けます。http://jsfiddle.net/ftM2b/1/ 基本的に、別のタブをクリックすると状態が変わる 3 つの「タブ」があります。これをページ付きのタブシステムに簡単に変えることができます。

HTML

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

ジャバスクリプト

$(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;
}
于 2013-03-21T05:08:36.057 に答える