0

ここのトピックを参照して

ここでこのテンプレートを使用してサイトを構築しています//リンク

右側には、さまざまなリストアイテムを表示するJavaScriptがあります

2つのリストを作成しようとしています。ユーザーは上部のリンクをクリックして、見たいリストを選択できます。

コードはこのようなものです

<div id="right-column">

<a href="#" onclick="toggleVisibility('x');">X</a>

<a href="#" onclick="toggleVisibility('Y');">Y</a>

<div id="x" class="section">
<ul id="portfolio">
<li>...</li>
<li>...</li>
</ul>
</div>

<div id="y" class="section" style="display:hide">
<ul id="portfolio">
<li>...</li>
<li>...</li>
</ul>
</div>

</div>

jquery

$(document).ready(
                function(){
                    $('#news').innerfade({
                        animationtype: 'slide',
                        speed: 750,
                        timeout: 2000,
                        type: 'random',
                        containerheight: '1em'
                    });
                    
                    $('ul#portfolio').innerfade({
                        speed: 1000,
                        timeout: 5000,
                        type: 'sequence',
                        containerheight: '220px'
                    });
                    
                    $('.fade').innerfade({
                        speed: 1000,
                        timeout: 6000,
                        type: 'random_start',
                        containerheight: '1.5em'
                    });
                    
                    $('.adi').innerfade({
                        speed: 'slow',
                        timeout: 5000,
                        type: 'random',
                        containerheight: '150px'
                    });
            }); 

function toggleVisibility(newSection) {
    $(".section").not("#" + newSection).hide();
    $("#" + newSection).show();
}

可視性コードは正常に機能します。

私の問題は次のとおりです。

12番目のリストではスライダーが機能しません

2「Y」をクリックして2番目のリストを表示すると、下のdivのテキストが押し下げられます

助けてください..

4

1 に答える 1

1

リストに重複するIDがあると、jsの動作が損なわれます。

<ul id="portfolio">

各リストは正しく機能しません。IDはページごとに一意である必要があります

于 2013-01-17T16:51:46.513 に答える