0

基本的に同じことを行うために、以前のスレッドに投稿されたフィドルhttp://jsfiddle.net/9Cxx2/を採用しました。4 つのリスト項目のいずれかをクリックすると、4 つのスライドショーのいずれかが表示されます。これが私の新しいフィドルです：http://jsfiddle.net/7TkxG/ 何も表示されず、各スライドショーのdivは「表示：なし」を保持し、その理由を知ることができません。誰？どうもありがとうございました!

<pre><code>
    <ul>
    <li>Choice:
        <br />
        <ul class="ssmenu">
            <li class="ssmenuitem"> <a href="#slideshowpro1">Project 1</a></li>
            <li class="ssmenuitem"> <a href="#slideshowpro2">Project 2</a></li>
            <li class="ssmenuitem"> <a href="#slideshowpro3">Project 3</a></li>
            <li class="ssmenuitem"> <a href="#slideshowpro4">Project 4</a></li>
        </ul>
    </li>
</ul>
<div class="slideshow" id="slideshowpro1">slideshow1</div>
<div class="slideshow" id="slideshowpro2">slideshow2</div>
<div class="slideshow" id="slideshowpro3">slideshow3</div>
<div class="slideshow" id="slideshowpro3">slideshow4</div>
</code></pre>
4

2 に答える 2

0

変更する必要があります:

$($(this).attr('href')).show();

に：

$($(this).find('a').attr('href')).show();

jsFiddle の例

クリック イベントをリスト アイテムにバインドしていますが、その要素の子である a 要素の href 属性を使用する必要があるため、 を追加する必要があります.find('a')。

于 2013-10-28T16:00:41.760 に答える