次の 2 つのデモをご覧ください。
と
デモ 1 では、灰色の四角形にカーソルを合わせるとアラートが「イン」され、マウス アウトすると Chrome でアラートが「アウト」されます。しかし、Firefox では、アラートが一度「イン」され、その後のホバーでは「アウト」または「イン」されません。
これを Firefox で動作させることはできますか?
デモ 1:
<div id="myDiv" style="background:#ccc; width:728px; height:90px;">Hello World</div>
var $ = parent.jQuery,
div = document.getElementById('myDiv');
if($ !== undefined) {
$(div).on('mouseenter', function() {
alert('in');
});
$(div).on('mouseleave', function() {
alert('out');
});
}
デモ 2:
<iframe src="http://fiddle.jshell.net/8uPWG/show/" width="728" height="90" scrolling="no" frameborder="0"></iframe>