smoothDivScroll在同一页面上的多个div

Question

使用优秀的插件可以水平平滑地滚动div。 使用：http://www.smoothdivscroll.com

我在一个页面上有两个部分，我希望能够使用此功能进行定位。现在，当我向jquery函数调用添加另一个id / instance时，它只会将它应用于页面上的第一个

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

知道如何在1页上将其应用于X个可滚动区域......

添加： 这是div的标记：

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

Answer 1

“ID在上下文页面上必须是唯一的”是的。所以请改用class：

<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
});