1

を使用して親要素がクリックされたときに子要素をフェードインしようとしていますjQueryが、.children()実行しようとしていることを達成していないようです。

要素がクリック<h2>されたときに要素をフェードインさせようとしています。<h1>

Javascript：

$(document).ready(function() {
    $('h2').hide();
    $('h1').bind('click', function() {
        $(this).children().fadeIn(400);
    });
});

これが私のコードです：

HTML：

<h1>
Visible Parent
    <h2>
    Hidden Child
    </h2>
</h1>

コードのAはここで見つけることができます： httpJSFiddle：//jsfiddle.net/jHkAB/5/

解決済み：

<h1>と要素を分離し、<h2>を使用.next()して要素の後の要素を選択することにより<h1>、次の要素は、クリックされる前の要素でフェードインします。

JSFiddleコードのAはここにあります：http： //jsfiddle.net/bazmegakapa/jHkAB/16/。

4

1 に答える 1

4

見出し要素（、、h1などh2）を相互に含めることはできないため、HTMLはブラウザによって正規化され、次のようになります。

<h1>
Visible Parent
</h1>
    <h2>
    Hidden Child
    </h2>

h2はもう子ではないため、アニメーションがトリガーされないのはそのためですh1。

于 2012-06-21T16:34:01.560 に答える