Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/383.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jquery layerslider:当鼠标滑过导航栏(nav)时停止layerslider_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript jquery layerslider:当鼠标滑过导航栏(nav)时停止layerslider

Javascript jquery layerslider:当鼠标滑过导航栏(nav)时停止layerslider,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我正在使用jquery layerslider,当我将鼠标移到导航栏(nav)上时,想停止layerslider //Java脚本代码 $('document').ready(函数() { //加载文档后对选定元素调用LayerSlider $(“#layerslider”)。layerslider({ 回答:是的, animateFirstLayer:false, 自动启动:错误, 皮肤:“默认值”, skinsPath:“/layerslider/skins/” //showCircleTi

我正在使用jquery layerslider,当我将鼠标移到导航栏(nav)上时,想停止layerslider

//Java脚本代码
$('document').ready(函数()
{
//加载文档后对选定元素调用LayerSlider
$(“#layerslider”)。layerslider({
回答:是的,
animateFirstLayer:false,
自动启动:错误,
皮肤:“默认值”,
skinsPath:“/layerslider/skins/”
//showCircleTimer:false
});
$('.onHoverService').mouseover(函数(){
自动启动:错误
});
$('.onHoverService').mouseout(函数(){
自动启动:正确
});
});
//HTML代码

我试过上面的代码,但它不能正常工作。我是新手。提前感谢您的帮助。

对于函数
layerSlider()
您正在传递包含属性或选项的对象文本
{}
。现在要小心,因为调用
mouseover()
时,情况不同。在本例中,您传递的参数是一个
函数
,它将匿名实例化自身(它没有名称),如:

在您的例子中,我相信您希望调用滑块上jQuery的
stop()
函数。 大致如下:

function(){
    $('#layerslider').stop(true, true);
}

添加
pauseonhave:true,

例如:

    $('#layerslider').layerSlider({
        responsive: true,
        pauseOnHover: true,
        animateFirstLayer:false,
        autostart:false,
        skin      : 'default',
        skinsPath : '/layerslider/skins/'
        // showCircleTimer:false
   });

Avi是正确的,当您将鼠标悬停在滑块上时,您可以将其添加到您的onpage脚本中,从而轻松地将其设置为暂停。(从1.6版开始)

请参见哪些国家:

“暂停悬停:对还是错
如果为真,当您将鼠标指针移到LayerSlider容器上时,幻灯片放映将暂停。“

我知道juery stop函数。但是,在我的例子中,我使用的层滑块是一种插件,它使用的是“layerslider.kreaturamedia.jquery”js文件。这个文件有我没有得到的代码。你可以下载并看一看。我无法在其中找到动画功能。它的库文件。啊,对了,我一直在查找它,但它是
$.fn.animate
,不确定
stop()
是否会在这里应用脚本animate background position.js?ver=2.3.0 ln。27
function(){
    $('#layerslider').stop(true, true);
}
    $('#layerslider').layerSlider({
        responsive: true,
        pauseOnHover: true,
        animateFirstLayer:false,
        autostart:false,
        skin      : 'default',
        skinsPath : '/layerslider/skins/'
        // showCircleTimer:false
   });