0

選択したタブ付き div のみをリンクで表示するのに少し問題があります。

<script>
$(function(){
    $('ul#tabs>li a').click(function(e){
        e.preventDefault();
        var tab = $(this).attr('href');
        $(tab).css('display', 'block');
        $(tab).siblings('div').css('display', 'none');
    })
});

</script>

HTMLは次のとおりです。

<div id="tabsBox">
    <ul id="tabs">
        <li><a href="#a">A</a></li>
        <li><a href="#b">B</a></li>
        <li><a href="#c">C</a></li>
    </ul>
    <div id="#a">A content</div>
    <div id="#b">B content</div>
    <div id="#c">C content</div>
</div>

この JSFiddle にありますhttp://jsfiddle.net/9xrjD/

なぜそれが機能しないのか、誰にもわかりませんか?

4

2 に答える 2

2

html で必要のない ID を定義するために既に使用されているため、ID#aの代わりに入れaます。#id=

修正されたjsfiddle http://jsfiddle.net/9xrjD/2/

于 2013-06-10T19:17:25.433 に答える
1

ここでjsFiddle。

交換

<div id="#a">A content</div>
<div id="#b">B content</div>
<div id="#c">C content</div>

<div id="a">A content</div>
<div id="b">B content</div>
<div id="c">C content</div>

<div>関数は機能しますが、実際には CSS で を隠していませんでした。

#a, #b, #c {
  display: none;
}

ID のaband c-not #a#bandを持つすべての要素を非表示にし#cます。

于 2013-06-10T19:17:14.410 に答える