JQuery向上滑动每个具有以“F”开头的ID的元素，延迟

我有几个<div>，我希望使用JQuery进行动画制作。我需要在7秒内显示第一个<div>。然后将其向下滑动并显示下一个<div>7秒。JQuery向上滑动每个具有以“F”开头的ID的元素，延迟

下面是HTML代码，countains我<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>正确displayig 。但我不能进入$('.Nouvelles[id^="F"]').each(function(){//I cant get here}); ，我不知道为什么。可能有一点我犯了一个错误？

OH！顺便说一句，我只需要<div>有id'F' 所以只有F1和F3不E2。

非常感谢！

来源

2013-07-29 Sebastien

$('.Nouvelles[id^="F"]').each调用正在一个函数内部进行，而您并不会调用该函数。在这种情况下，你只需要做你想做的事情，而不是做一个实现它的功能。摆脱function() {和}围绕each呼叫，看看是否有帮助。

来源

2013-07-29 21:47:02

我遵循你的建议，但我最终命名该函数并将其调用到我的ajax成功函数中。 – Sebastien

JQuery向上滑动每个具有以“F”开头的ID的元素，延迟

回答

相关问题