2013-05-31 6 views
0

Работа с большим плагином для плавного прокрутки div по горизонтали. используя: http://www.smoothdivscroll.comsmoothDivScroll на нескольких divs на той же странице

У меня есть две секции на одной странице, которые я хочу, чтобы иметь возможность использовать эту функцию. Сейчас, когда я добавить еще один идентификатор/экземпляр функции Jquery называют это будет применяться только его первой на странице

$("div#jobs,div#companies").smoothDivScroll({ 
    hotSpotScrolling: false, 
    touchScrolling: true, 
    mousewheelScrolling: false 
}); 

Любая идея, как получить это применить к X числу прокруткой областей на 1 странице ...

Добавление: Вот разметка дивы:

 <div id="jobs" style="position:absolute;z-index:2;top:143px;left:15px;width:305px;height:135px;overflow:auto;"> 
      <img src="images/jobs-row.png" /> 
     </div> 
     <div id="companies" style="position:absolute;z-index:2;top:336px;left:15px;width:305px;height:132px;overflow:auto;"> 
      <img src="images/companies-horizontal.png" /> 
     </div> 
+0

идентификаторы должны быть уникальными на контекстной странице –

+0

Они находятся в этом случае. У меня есть два div с уникальными идентификаторами для каждого ... таким образом, я мог бы настроить таргетинг каждого из них по мере необходимости. – estern

ответ

2

«идентификаторы должны быть уникальными на контекстной странице» Да это. Поэтому использовать класс вместо:

<div id="jobs"></div> 
<div id="jobs"></div> 

Стала:

<div class="jobs"></div> 
<div class="jobs"></div> 


$("div.jobs,div.companies").smoothDivScroll({ 
    hotSpotScrolling: false, 
    touchScrolling: true, 
    mousewheelScrolling: false 
}); 
+0

Я думал об этом методе и перед публикацией и создавал многоразовый целевой класс, который я мог бы наложить на все, что захотел, но тот же результат происходит, он применяет логику только к первому экземпляру на странице ... – estern

+0

Вы имеете в виду плагин применяются только к заданиям div #? Это то, что вы называете первым экземпляром? –

+0

Здесь он работает для двух элементов: http://jsfiddle.net/nAMda/ –

Смежные вопросы