My Simple JQuery Divスライダの問題

Question

単純な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> 

は、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> 

私が許可するか間違っていない、ここでのjQueryコードで何かをやっていますか？

事前にお手数をおかけしていただきありがとうございます。ただ、

$('.feature_container div:gt(0)').hide(); 

これらのエラーを見つけるのを助けるために）

Answer 1

私はちょうど上記のコードを廃棄し、それが、これは動作しているようだ再書きました：

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

Answer 2

あなたが忘れてしまった...私もプラグインを使用しますが、私は実際に手でそれを行うことにより、このすべてを把握しようとしていますpopはFirefoxのエラーパネルを開きます。それはすぐにスローされ、エラーが発生し、それはあなたの行を与える。

Answer 3

@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> 

したがって、jQueryの使用方法に問題はありません。あなたの問題を引き起こしていたのはあなたのJavaScriptシンタックスとCSSでした。