0

我有几个<div>希望使用 JQuery 制作动画。我需要显示第一个<div>7 秒。然后向下滑动并显示下一个<div>7 秒。

这是我的 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();
                        }
                    });

            }
        });

现在问题来了：首先<div>是正确显示。但我无法进入$('.Nouvelles[id^="F"]').each(function(){//I cant get here}); ，我不知道为什么。可以在某个地方我犯了错误吗？

哦！顺便说一句，我只需要<div>一个id以'F' 所以只有 F1 和 F3 而不是 E2 开头的那个。

非常感谢你！

4

1 回答 1

1

$('.Nouvelles[id^="F"]').each调用是在一个函数内部进行的，您似乎没有调用该函数。在这种情况下，您只需要做您想做的事情，而不是创建一个功能来完成它。摆脱电话function() {和}周围的each电话，看看是否有帮助。

于 2013-07-29T21:47:02.980 回答