Question

我只想使用jQuery淡化列表项，我试过这个但没有成功！它不起作用，我错过了什么？我是否需要添加其他任何内容才能使其正常工作？

<head>
    <script>
        jQuery(document).ready() {
            $('ul li').hide(); 
            $('ul li').each(function(index) {
                $(this).delay(50*index).fadeIn(200);
            });
    </script>
</head>
<body>
    <div class="body">
        <ul>
            <li>Sample 1</li>
            <li>Sample 2</li>
            <li>Sample 3</li>
            <li>Sample 4</li>
            <li>Sample 5</li>
        </ul>
    </div>
</body>

Answer 1

您收到语法错误，因为jQuery(document).ready() {错误;）

应该是jQuery(document).ready(function() {。但其他一切都还可以！看看下面的例子，看看它是否正常工作！

要查看何时抛出错误，请使用浏览器中的开发人员工具及其控制台 F12

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<head>
  <script>
    jQuery(document).ready(function() {
      $('ul li').hide();

      $('ul li').each(function(index) {
        $(this).delay(50 * index).fadeIn(200);
      });
    })
  </script>
</head>
html:

<div class="body">
  <ul>
    <li>Sample 1</li>
    <li>Sample 2</li>
    <li>Sample 3</li>
    <li>Sample 4</li>
    <li>Sample 5</li>
  </ul>
</div>

我的<li>项目没有消失

1 个答案: