0

我有两个气泡每两秒改变一次它们的内容。我正在尝试每次将鼠标放在气泡上时，我的 changeComment 功能都会停止，这样用户将有更多时间阅读评论，并且当鼠标离开气泡时，该功能将再次启动。

我在这里有我的演示：http: //jsbin.com/EMogAfud/1

这是我正在使用的功能

$("bubbleSpeech").mouseenter(function(){
  clearInterval(intervalStop);
});

$("bubbleSpeech").mouseleave(function(){
  show();
  intervalStop=setInterval(show,pause);
});

不太清楚为什么它不起作用。我没有让事件发生。

提前致谢

4

3 回答 3

2

你忘了使用 '#' ：

$("#bubbleSpeech").mouseenter(function(){
  clearInterval(intervalStop);
});

$("#bubbleSpeech").mouseleave(function(){
  show();
  intervalStop=setInterval(show,pause);
});
于 2013-11-14T16:41:27.957 回答
0

你不见了#

id 选择器

$("#bubbleSpeech")
^ // added # for id-selector
于 2013-11-14T16:42:15.993 回答
0

感谢您的评论他们是这样做的两种方法。

使用 jQuery

$("#bubbleSpeech").mouseenter(function(){
  clearInterval(intervalStop);
});

$("#bubbleSpeech").mouseleave(function(){
  show();
  intervalStop=setInterval(show,pause);
});

或者使用纯 javascript

演示：http: //jsbin.com/ejiFixeG/2

mainSlider=document.getElementById('bubbleSpeech');

mainSlider.onmouseenter = function(){
  clearTimeout(timerStop)   ;
  clearInterval(intervalStop);
};

mainSlider.onmouseleave = function(){
  show();
  intervalStop=setInterval(show,pause);
};
于 2013-11-14T16:43:02.387 回答