Javascript 如何通过外部控件/事件启动/停止jCarousel
对于当前项目,我需要触发的启动/停止事件 我并不是那么沉迷于自己解决问题的JavaScript。一个简短的解释我想做什么:Javascript 如何通过外部控件/事件启动/停止jCarousel,javascript,jquery,jcarousel,cluetip,Javascript,Jquery,Jcarousel,Cluetip,对于当前项目,我需要触发的启动/停止事件 我并不是那么沉迷于自己解决问题的JavaScript。一个简短的解释我想做什么: 旋转木马是一个奇特的产品滑块,它已经如我所期望的那样工作了。但关键是产品说明应该作为工具提示提供。因此,如果显示工具提示,我必须停止旋转木马,并在工具提示关闭后重新启动它。仅供参考:这是Cluetip。有人对我有什么建议吗?找到了解决办法。使用以下函数作为转盘设置的初始回调 function initCarousel (carousel) { jQuery('#c
旋转木马是一个奇特的产品滑块,它已经如我所期望的那样工作了。但关键是产品说明应该作为工具提示提供。因此,如果显示工具提示,我必须停止旋转木马,并在工具提示关闭后重新启动它。仅供参考:这是Cluetip。有人对我有什么建议吗?找到了解决办法。使用以下函数作为转盘设置的初始回调
function initCarousel (carousel) {
jQuery('#cluetip').live('mouseover mouseout', function(event) {
// Disable default action
event.preventDefault();
// Stop carousel at mouseover
if (event.type == 'mouseover') {
carousel.stopAuto();
};
// Restart carousel at mouseout
if (event.type == 'mouseout') {
carousel.startAuto()
};
});
};
找到了解决办法。使用以下函数作为转盘设置的初始回调
function initCarousel (carousel) {
jQuery('#cluetip').live('mouseover mouseout', function(event) {
// Disable default action
event.preventDefault();
// Stop carousel at mouseover
if (event.type == 'mouseover') {
carousel.stopAuto();
};
// Restart carousel at mouseout
if (event.type == 'mouseout') {
carousel.startAuto()
};
});
};
试试下面的代码。这对我来说很好:) 例:
试试下面的代码。这对我来说很好:) 例:
这似乎打破了我的旋转器。如果用户在旋转过程中将鼠标移到旋转器上,旋转器将停止,并且永远不会重新启动。这对我来说似乎破坏了旋转器。如果用户在旋转中间将鼠标移到旋转器上,旋转器将停止,并且永远不会重新启动。
function mycarousel_initCallback(carousel)
{
carousel.clip.hover(function() {
carousel.stopAuto();
}, function() {
carousel.startAuto();
});
};
$(document).ready(function() {
$('#mycarousel').jcarousel({
initCallback: mycarousel_initCallback
});
});