Nivo Slider：更改图像后控制导航拇指松动光标指针属性

Question

我被这个困住了。希望您能够帮助我。我正在为一个站点调整 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 上）。它不起作用。

Answer 1

这是因为您的 .nivo-slice 超过了您的 .nivo-controlNav，因此当您将其悬停时，您实际上是在切片顶部而不是 .nivo-controlNav。

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

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

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