2

奇妙な問題。

次のような jquery ui 効果を使用します。

<a href="in" style="position:absolute;" ><img src="images/img.png" id="perlabot"  ></a>
$('#perlabot').on('mouseenter', function () {
     $(this).effect("shake", { times:2, distance: 3}, 120);
});

動作しますが、IE と Firefox では、マウスが画像の真ん中にある場合でも、画像が常に揺れ続けます。動画は常に mouseenter イベントをトリガーしているようです?? この奇妙な問題を修正できません。クロムでは、一度だけトリガーします。

4

2 に答える 2

1

このオプションを試してください。上記の回答と同様の概念ですが、より堅牢だと思います。(たとえば、グローバルステータス変数はありません)

function shakeIt(obj)
{
    obj.mouseleave(function () {
        obj.on("mouseenter", function () { shakeIt(obj); });
        obj.off("mouseleave");
    });
    obj.off("mouseenter");
    obj.effect("shake", { distance: "3", times: "2" }, 120);
}
$("#perlabot").on("mouseenter", function () { shakeIt($(this)); });
于 2013-10-09T21:11:28.603 に答える