0

divを親divにアニメーション化するこのJavaScriptがあります。

Javascript

$(document).ready(function() {
    $("a").click(function() {
        var $righty = $(this).next();
        $righty.animate({
            right: parseInt($righty.css('right'),10) == 0 ?
            -$righty.outerWidth() :
            0
        });
    });
});

HTML

    <div id="home" class="page">                
        <div id="page1">                
            <a href="#">Inside Div</a>
        </div>

        <a href="#">Outside Div</a>

        <div id="page2" class="page">
            content 
        </div>                     
   </div>

<a>タグをpage1divに配置したい。現在のところ、Javascriptは<a>タグがにある場合にのみ機能し<div id="page1">ます。私はJavascriptを初めて使用するため、これが非常に基本的なものである場合はお詫び申し上げます。ありがとうございました！

4

1 に答える 1

1

だけでなく、タグのセレクターを使用します。クラスやIDのように。これがすべてのタグに発生することを望まないでしょう？

また、rightyはNEXTを取得しています...まあ、あなたがヒットしたいタグの隣には何もありません。

$（this）.parent（）。next（）;を実行します。-いいえ、以下の編集を参照してください。あなたが何を望んでいるのかを正確に教えてくれなかったので、私は推測しています。

編集：これはまったく役に立たないかもしれません。divにタグを含めることはできないことを知って、.next（）を呼び出します。兄弟はありません。.next（）は次の兄弟にヒットします。ページに視覚的に表示されるのではなく、DOMツリーに存在するので....タグを.next（）.....で取得するには、divに兄弟が必要です。 。それは理にかなっていますか？正確に何をアニメートしようとしていますか？

編集編集：特定のクラスまたはIDを持つ特定のタグがクリックされたときに、アニメーション化するタグのIDまたはクラスを教えてください。その方法を説明します。

編集編集編集：page1> aがクリックされたときにpage2をアニメーション化するだけの場合は、次のようにします。

$('#page1 a').click(function(){ $('#page2').animate(...put animation stuff here...) });
于 2013-03-04T15:58:39.743 に答える