Javascript 我的简单JQuery Div滑块有问题

我试图创建一个简单的JQuery Div滑块，但它似乎没有隐藏初始Div或正常工作

这是我的HTML：

<div id="feature">
    <div class="feature_container">
        <div><p>Slide 1 Content</p></div>
        <div><p>Slide 2 Content</p></div>
    </div>
</div>

幻灯片1内容

幻灯片2内容

以下是JQuery代码：

    <script>
  $(function(){
    $('.feature_container div:gt(0)').hide();
    setInterval(function() {
        $('.feature_container :first-child').fadeOut()
            .next('div').fadeIn()
            .end().appendTo('.feature_container');},
        3000);
    })
  });
  </script>

$（函数（）{
$（'.feature_container div:gt（0）'）.hide（）；
setInterval（函数（）{
$（'.feature_container:first child'）.fadeOut（）
.next（'div'）.fadeIn（）
.end（）.appendTo（'.feature_container'）；}，
3000);
})
});

我是否在JQuery代码中做了任何不允许或不正确的事情

提前感谢您的帮助-非常感谢！我也会使用一个插件，但我真的试图通过手工操作来解决所有这些问题…

你忘记了a）

---

为了帮助查找这些错误，只需打开Firefox的错误面板。它会马上抛出并出错，然后给你它所在的线路

除了@jpea指出的问题之外，您还有另一个语法问题。最后一行是无关的，应该删除

此外，您的选择器“.feature_container:first child”转换为“.feature_container*：first child”，这意味着不仅第一个DIV会褪色，其中的p也会褪色。因此，您应该将其更改为：'.feature_container div:first child'。所以你最终会得到这样的结果：

<script>
$(function(){
  $('.feature_container div:gt(0)').hide();
  setInterval(function() {
      $('.feature_container div:first-child').fadeOut()
          .next('div').fadeIn()
          .end().appendTo('.feature_container');},
      3000);
  });
</script>

$（函数（）{
$（'.feature_container div:gt（0）'）.hide（）；
setInterval（函数（）{
$（'.feature_container div:first child'）.fadeOut（）
.next（'div'）.fadeIn（）
.end（）.appendTo（'.feature_container'）；}，
3000);
});

---

因此，jQuery的使用没有任何问题。是您的JavaScript语法和CSS导致了您的问题。

我刚刚废弃了上述代码并重新编写了它，这似乎起到了作用：

    $('.feature_container div:gt(0)').hide();
setInterval(function(){
    $('.feature_container div:first').fadeOut().next('div').fadeIn().end().appendTo('.feature_container');
}, 8000);

---

对不起，这是我发布代码片段时的一个错误。它对“）”也不起作用。为什么会发生这种情况？谢谢，这绝对是我的错误。然而，我做了改变，它仍然不起作用。。。

    $('.feature_container div:gt(0)').hide();
setInterval(function(){
    $('.feature_container div:first').fadeOut().next('div').fadeIn().end().appendTo('.feature_container');
}, 8000);