jquery - nivo slider 问题

Question

我在网页中使用了 nivo-slider。我需要在我的单个页面中实现许多 nivo-slider。我已经成功地实现了它。但是，如果我单击上一个图标，则整个 slider 图像都会更改。请帮我。谢谢

Answer 1

这大概是id用法相同的原因。您应该为不同的 slider 设置不同的 ID。

更改 id 名称后，您还需要在 javascript 中调整 nivo 函数以适应新的 id

例如，如果这是你的代码

<script type="text/javascript">
    jQuery(window).load(function () {
        jQuery("#slider").nivoSlider()
    });
</Script>

三个 slider 的id应该是这样的:slider-1, slider-2, slider-3

<script type="text/javascript">
    jQuery(window).load(function () {
        jQuery("#slider-1").nivoSlider()
        jQuery("#slider-2").nivoSlider()
        jQuery("#slider-3").nivoSlider() 
    });
</Script>