-1

このシンプルな html css メニュー。ページのリダイレクト（href）で問題なく動作するようになりました。

しかし、私はそれをクリックした後に非表示にしたい.

関数をクリックすると、ajaxリクエストが呼び出されます

http://jsfiddle.net/5TBFr/コードはリンクにあります

ここにイメージスナップがあります

4

2 に答える 2

2

これがあなたが探しているものだと思います：http://jsfiddle.net/5TBFr/26/

a 要素にクリック イベントを追加したところ、false が返されたため、リクエストが停止されました。そこに ajax リクエストを追加できます。「ul」要素を移動して、マウスが離れて非表示になるようにしてから、最初の位置に戻します。

于 2012-04-23T15:04:38.400 に答える
0

まず第一に、私があなたを理解していれば、あなたが望むもののためにjQueryが必要になるのはなぜですか? JavaScript は、どの CSS プロパティが特定の要素に影響を与えているかを認識していないためです。

第二に、CSS の使用方法が正しくありません。設計と機能を混在させており、このような最も簡単なタスクでは、このような問題が発生します。CSS はメニューを表示または非表示にすることを意図したものではありません。CSS は動的にスタイルを設定するものですが、ユーザー インタラクションが関与すると、めちゃくちゃになります。だから気をつけて :P

jQuery では、次のようになります。

$(document)​.ready(function()
{
    $('ul').on('click', 'li a', function()
    {
        $(this.parentElement.parentElement).hide();
    });
});​

http://jsfiddle.net/5TBFr/25/

于 2012-04-23T15:03:33.467 に答える