Question

我需要一些帮助

我的问题是我需要一个淡入淡出功能，每隔7秒就会重复我的Div内容。内容1将出现，然后内容2将淡入，然后内容3在内容2淡出后淡入，并且它不断重复。

我写了一个脚本，但似乎无法正常工作。我究竟做错了什么？我怎样才能提高效率呢？任何指南都会有所帮助。

包含在LI中的UL内部的HTML

<ul>
     <li class=”thecontent”> CONTENT 1</li>
     <li class=”thecontent”> CONTENT 2</li>
     <li class=”thecontent” > CONTENT 3</li>
     <li class=”thecontent” > CONTENT 4</li>
  <ul>

CSS

ul li.thecontent{ display:none;}

THE JQUERY

  $(document).load(function(){
     function fadeMyContent() {
     $(".content:hidden:first").fadeIn(700).delay(1000).fadeOut(700,
 function() {    $(this).appendTo($(this).parent());   
 fadeMyContent();    });
       }
     fadeMyContent();

Answer 1

你走了。在您的代码中，选择器中的类名是错误的，并且在标记中包含类名的双引号也不正确。

正在使用 demo

$(function(){
     function fadeMyContent() {

         $(".thecontent:first").fadeIn(700).delay(1000).fadeOut(700,
             function() {    
                     $(this).appendTo($(this).parent());   
                     fadeMyContent();    
             });
      }
     fadeMyContent();
});

标记

<ul>
     <li class='thecontent'> CONTENT 1</li>
     <li class='thecontent'> CONTENT 2</li>
     <li class='thecontent'> CONTENT 3</li>
     <li class='thecontent'> CONTENT 4</li>
<ul

Answer 2

你在打电话给正确的班级吗？

jQuery代码中的

.content和标记中的“内容”。它到底是怎么不能正常工作的？计时器不工作是否褪色太快，根本没有显示任何东西？

Answer 3

幸运的是，这就是我现在正在努力的事情lol

$(document).ready(function(){
    $('.clicked').click(function(){
        $(this).next('.nextSibling').toggle('slow');
    }); 
});

Jquery FADE输入/输出内容

3 个答案: