0

<div>JQuery を使用してアニメーション化したいものがいくつかあります。最初<div>の 7 秒間を表示する必要があります。それを下にスライドさせて、次<div>を7秒間表示します。

my をカウントする HTML コードは次の<div>とおりです。

<?php 
header('Content-Type: text/html; charset=UTF-8');
?>
<div id='F1' class='Nouvelles' style='background- image:url(../ImagesAnnonces/google_chrome.png); background-size:contain;'>
    <h2>test</h2>
    <p>test</p>
</div>
<div id='E2' class='Nouvelles' style='background-image:url(../ImagesAnnonces/images.jpeg); background-size:contain;'>
    <h2>test</h2>
    <p>test</p>
</div>
<div id='F3' class='Nouvelles' style='background-image:url(../ImagesAnnonces/); background-size:contain;'>
    <h2>test 2 FR</h2>
    <p></p>
</div>

これを達成するために、次のコードを試しました。

$(document).ready
        (function(){
            $.ajax(
            {
                url:"handlingPub.php",
                type:"GET",
                dataType:"text",
                contentType:"application/x-www-form-urlencoded;charset=UTF-8",
                success:function(code_html, status)//code_html contains all the `<div>`
                            {
                                $("#divPub").append(code_html);
                                $(".Nouvelles").css(
                                    {
                                        height:"90px",
                                        display:"none",
                                        padding:"0px",
                                        margin:"10px",
                                        overflow:"hidden",
                                        border:"solid white 2px"
                                    });
                                $('.Nouvelles[id^="F"]:lt(1)').css("display", "block");
                                $(".Nouvelles h2").css({padding:"0px", margin:"0px"});
                            } 
            });


            function()
            {
                $('.Nouvelles[id^="F"]').each(function()
                    {
                        $(this).slideUp().delay(7000);
                        if($(this).next() != null)
                        {
                            $(this).next().slideDown();
                        }
                    });

            }
        });

ここに問題があります。1 つ目<div>は正しく displayig です。しかし、私は入ることができ$('.Nouvelles[id^="F"]').each(function(){//I cant get here}); ず、理由がわかりません。私が間違いを犯した場所を指摘できますか？

おー！ところで、 E2 ではなく、F1 と F3 だけで始まる<div>ものだけが必要です。id'F'

どうもありがとうございました！

4

1 に答える 1

1

呼び出しは関数内で行われていますが、$('.Nouvelles[id^="F"]').each呼び出しているようには見えません。この場合、それを行う関数を作成するのではなく、やりたいことをするだけでよいのです。呼び出しの周りを取り除き、function() {それが役立つかどうかを確認してください。}each

于 2013-07-29T21:47:02.980 に答える