私はjQuery 1.7.2を使用しています。私がやろうとしているのは、( class を使用して) onmouseover
1 つの div を起動することですが、このクラスを に変更し、2 番目の div のクラスを から に変更します。この後、onmouseover が 2 番目の div で起動されることを期待しています (私も使用しているので、ライブにする必要があります) が、そうはなりません。これが私のコードです:active
onmouseout
inactive
inactive
active
.on()
HTML
<div class="myDiv active first"></div> <div class="myDiv inactive second"></div>
JavaScript
$(document).ready(function () {
$(".active").on("mouseover", function () {
$("#output").text("mouseover fired!");
});
$(".active").on("mouseout", function () {
$("#output").text("");
$(".first").addClass("inactive").removeClass("active");
$(".second").addClass("active").removeClass("inactive");
});
});
そして、ここにjsFiddleがあります。クラスが正しく切り替えられていることを開発者ツールで確認できますが、イベントはまだ最初のクラスで発生しています。