0

我一直在为我当前的项目使用 Kevin Batdorf ( http://www.ndoherty.biz/coda-slider ) 的 jQuery Coda-Slider v2.0。

现在我想在同一页面上添加另一个滑块，但宽度不同。

我尝试在 .panel 和 .coda-slider 类中添加 id，但似乎 codaslider 在添加 id 后无法获取宽度。有人成功地在同一页面上添加了不同宽度的多个尾数滑块吗？

这是我尝试过的：

原来的

.coda-slider, .coda-slider .panel {
    width: 300px;
}

改变

#myslider1 .coda-slider, #myslider1 .coda-slider .panel {
    width: 300px;
}

#myslider2 .coda-slider, #myslider2 .coda-slider .panel {
    width: 600px;
}

编辑在 jsfiddle 查看这个例子。您将在同一页面上看到两个工作滑块，如何使它们的宽度不同？

4

1 回答 1

1

我编辑了你的小提琴并添加了这个：

#slider1 {
    width: 300px;
}

#slider2 {
    width: 600px;
}

这是你想要的？

于 2012-09-26T16:11:44.033 回答