jQueryスライダがウェブサイトで動作しない

Question

私は、プロジェクトページを作るために、私のウェブサイトにjQueryスライダを実装しようとしています。私はjQueryとコードを実装していて、何とか動作していません。しかし、Google Chromeを使用して「inspect-element」を表示し、矢印キーを使用してスライダを移動すると、押されるたびに移動する数字が表示されます。つまり、スライダは動作していますが、同時に画像を動かさないことを意味します。

http://www.dig.ital.me/projects/

私はWordpressのを使用していますので、それがだろうか？

<ul style="width: 3680px; left: -920px; "><li class="cloned"><img src="http://dig.ital.me/img/cdnbox/2012/05/test.png" alt="" title="work_page_timeline" width="920" height="384"></li> 
       <li class="active"><img src="http://dig.ital.me/img/cdnbox/2012/03/work_page_timeline.jpg" alt="" title="work_page_timeline" width="920" height="384"></li> 
       <li class=""><img src="http://dig.ital.me/img/cdnbox/2012/05/test.png" alt="" title="work_page_timeline" width="920" height="384"></li> 
      <li class="cloned"><img src="http://dig.ital.me/img/cdnbox/2012/03/work_page_timeline.jpg" alt="" title="work_page_timeline" width="920" height="384"></li></ul> 

これはその-left 920pxことを私を示す要素を検査からのコードで、左または右矢印キーが押されたとき、それが移動します。しかし、何らかの奇妙な理由のためにイメージが動いていないので、私は理由を理解できないようです。

また、ソースコードもあります。あなたはunslider.cssでCSSの問題のカップルをソートする必要があるよう

<!-- START HERE FOR PORTFOLIO & DISPLAY WORK --> 
    <div id="slider"> 
      <ul> 
       <li><img src="http://dig.ital.me/img/cdnbox/2012/03/work_page_timeline.jpg" alt="" title="work_page_timeline" width="920" height="384" /></li> 
       <li><img src="http://dig.ital.me/img/cdnbox/2012/05/test.png" alt="" title="work_page_timeline" width="920" height="384" /></li> 
      </ul> 

    </div> 
    <!-- END PORTFOLIO --> 

    <script src="http://www.dig.ital.me/wp-content/themes/mytheme/Scripts/unslider.js"></script> 
    <script type="text/javascript"> 

     $(function() { 
      // Wow, that's it? 
      $('#slider').unslider(); 
     }); 

    </script> 

私はhttp://unslider.com/

Answer 1

このスライダーを使用していますがルックス：

• 追加し、ULを.unsliderする：

  display：list-item; パディング - 左：0; .unsliderのLiに対する

• 、追加：

  パディング左：0。

ちょうどここにクロームのdevのツールを使って、それを編集してみました、そして、それはトリックを行っているように見えます:)