горизонтальная WordPress темы JQuery левую и правые кнопки

Question

Я строй WordPress темы, где посты выстроены горизонтальны в широком «контейнере» (похоже на «полку» https://demo.thethemefoundry.com/shelf-theme/). Каждого пост 1160px И

Чтобы щелкнуть по сообщениям, используется кнопка jQuery.

Но мой движется не один раз, а много раз. Думаю, он перемещает его для каждого сообщения, загруженного в цикл. У кого-нибудь есть решение ?, я новинка к JavaScript, спасибо.

<script> 
    $(document).ready(function(){ 
     $("#leftbutton").click(function(){ 
      $("#container").animate({'left':'+=1160px'}); 
     }); 
     $("#rightbutton").click(function(){ 
      $("#container").animate({'left':'-=1160px'}); 
     }); 
    }); 
    </script> 

см пример размещена на: http://www.ansikun.com/zarif/news-reviews

Answer 1

фрагмент кода является правильным (или я не проверял). Проблема заключается в том, что вы добавляете его несколько раз на свою страницу (один раз для каждого сообщения), поэтому нажатие кнопки раз перемещает его n раз (где n - количество сообщений).

Просто добавьте его один раз в нижнюю часть страницы.