Javascript 如何通过hover()或mouseenter函数更改选项值,例如
经过数小时的研究,我希望有人能给我一些见解。 我想实现这个jQuery插件 使用这个插件的问题是选项Javascript 如何通过hover()或mouseenter函数更改选项值,例如,javascript,jquery,slider,Javascript,Jquery,Slider,经过数小时的研究,我希望有人能给我一些见解。 我想实现这个jQuery插件 使用这个插件的问题是选项pauseonhave不起作用,即使我下载了包含所需选项的插件分支(仍然不起作用) 当鼠标悬停在slider div上时,有没有办法停止幻灯片放映 我这样调用插件: jQuery(document).ready(function() { var slider = jQuery("div#sliderTabs").sliderTabs({ autoplay: 1000,
pauseonhave
不起作用,即使我下载了包含所需选项的插件分支(仍然不起作用)
当鼠标悬停在slider div上时,有没有办法停止幻灯片放映
我这样调用插件:
jQuery(document).ready(function() {
var slider = jQuery("div#sliderTabs").sliderTabs({
autoplay: 1000,
mousewheel: false,
transitionSpeed: 1500,
tabs: true,
position: "top",
pauseOnHover: true
});
});
谢谢你抽出时间 根据您对GitHub上插件的提交,我可能发现了一个可能的错误 第211行:
var instanceAutoPlay=setInterval(plugin.next,settings.autoplay)代码>
varinstanceAutoPlay
在选项的if(){}
-语句中实例化
尝试在函数外部初始化变量。还要在那里添加一个console.log()
,以检查它是否实际被调用
编辑:
我自己用一本本地的书试了一下,效果非常好。
我的代码:
$(函数(){
变量滑块=$(“div#myslidertab”).slidertab({
自动播放:3000,
鼠标滚轮:错,
位置:“顶部”,
pauseOnHover:正确
});
});
没问题。
为了验证,这里是我的sliderTabs 1.1副本的粘贴:.sliderTabs(false,autoplay)代码>不太确定这是否是您想要编写的,请澄清我的想法,我希望演示我试图实现的目标,以提供正确的代码^^希望您jQuery Pro原谅我的拙劣解释^您是否检查了浏览器javascript控制台中该选项的任何错误,或者您是否可以通过搜索字符串进行验证“pauseOnHover”是否确实存在于您下载的源代码中?在我的浏览器控制台中没有任何错误:-/我手动将“pauseOnHover”部分放入源js文件中-实际上很容易找到:请通过添加console.log(instanceAutoPlay),查看instanceAutoPlay
在插件的第228行中是否有实例(instanceAutoPlay)
到您的本地副本。现在使用您的副本,它工作得非常好!!您更改了什么?谢谢,太好了!!我没有更改任何内容。可能您的副本实际上没有包含添加的功能。天哪!!复制粘贴失败奖杯是我的…再次感谢您,非常尊敬!没问题,我自己正在进行一个非常微妙的jQuery/JavaScript项目(:
<script type="text/javascript">
$(function() {
var slider = $("div#mySliderTabs").sliderTabs({
autoplay: 3000,
mousewheel: false,
position: "top",
pauseOnHover: true
});
});