如何更改我确保jQuery只在滑块可见时执行此代码?

时间:2012-12-25 03:54:59

标签: jquery slider

好的,我几乎已经在http://www.gablabelle.com/完成了我的网站,但我遇到了一个小问题。

我使用滑块来展示我的照片,当您点击其中一个缩略图时,滑块div fadeIn。当您使用箭头,右/左键盘键,鼠标单击或通过滑动更改幻灯片时,由于jQuery地址插件,URL将相应更改以反映它所在的幻灯片。按ESC或徽标将淡出滑块div。

问题在于,当我加载主页但没有点击任何缩略图并按下左右键盘键时,URL会发生变化(因为即使你看不到它,它实际上也在改变滑块的幻灯片)

幻灯片更改不会打扰,因为当我点击缩略图时,无论如何都会出现右侧幻灯片。这是在更改幻灯片时更改URL的一段代码:

slider.ev.on('rsAfterSlideChange', function(event) {
    $.address.state(ajax_object.path).crawlable(true).value(slider.currSlide.caption);
});

如何更改我确保jQuery只在滑块可见时执行此代码?

非常感谢您的时间和帮助。

1 个答案:

答案 0 :(得分:1)

使用if ($(slider).is(":visible")) { // execute operation },将幻灯片选择器替换为滑块的正确选择器。 $(this).is(":visible")也可能有用。