1

私はここで何が間違っているのですか..リンクをクリックした後、jsとcssを介して呼び出されたサブdivを表示しようとしています。しかし、それはまったく変わりません。

これが私のコードです：

HTML：

<div id="container">

    <div id="sub1">content 1</div>
    <div id="sub2" class="hide">content 2</div>
    <div id="sub3" class="hide">content 3</div>

    <div id="navigation">
        <a href="#" class="mininav" onclick="switchContent('sub1'); return false;">link 1</a>
        <a href="#" class="mininav" onclick="switchContent('sub2'); return false;">link 2</a>
        <a href="#" class="mininav" onclick="switchContent('sub3'); return false;">link 3</a>
    </div>

</div>

JS：

function switchContent(obj) {

        obj = (!obj) ? 'sub1' : obj;

        var contentDivs = document.getElementById('container').getElementsByTagName('div');
        for (i=0; i<contentDivs.length; i++) {
            if (contentDivs[i].id && contentDivs[i].id.indexOf('sub') != -1) {
                contentDivs[i].className = 'hide';
            }
        }
        document.getElementById(obj).className = '';

    }

CSS：

.hide {
    display: none;
}
4

2 に答える 2

1

htmlコードの前にjavascriptコードを置いてみてください。そうすれば、onclickhtmlコードの関数が関数を見つけることができますswitchContent()。

于 2012-09-16T12:08:16.300 に答える
0

なぜ Jquery を使用しないのですか?

$('subXX').hide();
于 2012-09-16T12:04:53.463 に答える