1

メニュー リンクからサブメニューを切り替えようとしています。これが私のマークアップです。

<ul id="menu">
<li id="artworks"><a href="#">ARTWORK</a></li>
    <ul class="submenu">
        <img src="../img/submenu.png" alt="submenu" width="62" height="1" />
        <li><a href="#">Sweet Life</a></li>
        <li><a href="#">Pleasure</a></li>
        <li><a href="#">Bienal de la habana</a></li>
        <img src="../img/submenu.png" alt="submenu" width="62" height="1" />
    </ul>
<li id="prensa_nav"><a href="prensa.html">PRENSA</a></li>
<li id="contacto_nav"><a href="contacto.html">CONTACTO</a></li>

これは私のスクリプトです：

$(function () {

var $submenu = $( '.submenu' );

$( '#artworks a' ).click( function( e ) {
    $submenu.toggle( 'fast' );
    e.preventDefault();
    e.stoppropagation();
} );
});​

理由はわかりませんが、機能していません。かなり単純なはずですが、機能しません。すべてを試しました。助けてください

4

2 に答える 2

3

$submenuクリックイベントをトリガーすると、変数は範囲外になります。をタイプミスしましたstopPropagation。マークアップに終わりがありません<ul>。

これが実際の例です

于 2012-10-11T19:15:41.930 に答える
1

無効な HTML を修正してください。リスト項目submenuの子になるように UL を移動します。#artworks

于 2012-10-11T19:15:10.023 に答える