0

我被这个困住了。希望您能够帮助我。我正在为一个站点调整 Nivo Slider（我必须使用 jquery 1.5.1）。一切都很好，但现在的问题是，当图像更改时，控件导航拇指会失去其光标指针属性。我的意思是，单击仅在幻灯片第一次运行时起作用，但是当图像更改时，拇指中的控件不允许单击。

在这里你可以看到滑块：
http ://www.sixplus1.com.mx/stackoverflow/carrusel_stack.html

nivo 滑块脚本：
http ://www.sixplus1.com.mx/stackoverflow/js/jquery_kfu.nivo.slider.pack.js.js

我一直在挖掘脚本以找到原因，大约在第 175 行到第 201 行，特别是第 193 行是将类添加到缩略图导航控制器的函数，

`$('.nivo-controlNav a:eq('+vars.currentSlide+')',slider).addClass('active');
$('.nivo-controlNav a',slider).live('click',function(){
if(vars.running)return false;
if($(this).hasClass('active'))return false;
clearInterval(timer);
timer='';]`

但我找不到任何有帮助的东西。我将“光标：指针”属性设置为拇指的所有状态（在 css 上）。它不起作用。

4

1 回答 1

0

这样做的原因是因为你.nivo-slice越过你的.nivo-controlNav所以当你将它悬停时，你实际上是在切片的顶部而不是.nivo-controlNav.

要解决这个问题，通过查看您的代码，您只需添加一个z-index

.nivo-controlNav {
 z-index:10;
}

在您的情况下，您需要一个高于 5.nivo-slice的 z-index，因为 z-index 为 5。

于 2013-02-11T18:07:07.270 回答