javascript - MouseEnter イベントが発生しない

Question

2 秒ごとに内容が変わる 2 つの吹き出しがあります。バブルの上にマウスを置くたびに changeComment 関数が停止するようにしています。これにより、ユーザーはコメントを読む時間が増え、マウスがバブルを離れると関数が再び開始されます。

ここにデモがあります: http://jsbin.com/EMogAfud/1

これは私が使用している機能です

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

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

なぜ機能しないのかよくわかりません。イベントが発生しません。

前もって感謝します

Answer 1

「#」を使用するのを忘れました:

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

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

Answer 2

あなたが行方不明です#

IDセレクター

$("#bubbleSpeech")
^ // added # for id-selector

Answer 3

コメントありがとうございます。これには 2 つの方法があります。

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);
};