jquery - 同一页面上多个 div 上的 smoothDivScroll

Question

使用出色的插件水平平滑滚动 div。使用：http ://www.smoothdivscroll.com

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

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

知道如何将其应用于一页上的 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 在上下文页面上必须是唯一的” 是的。所以改用类：

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