悬停区域的防火功能

Question

我只是在翻转红色区域时尝试触发功能。

http://jsfiddle.net/yAwJ2/

有什么建议吗？

Answer 1

$(document).ready(function() {
    $("#wrapper").bind('mousemove', function(e) {
        $("#tail").css({
            top: e.pageY
        });
    });
});

补充：要回到起始位置：

$(document).ready(function() {
    $("#wrapper").hover(function() {
        $.data(this, "tail_Y", $("#tail").css("top"));
    }, function() {
        $("#tail").css("top", $.data(this, "tail_Y"));
    }).bind('mousemove', function(e) {
        $("#tail").css({
            top: e.pageY
        });
    });
});

http://jsfiddle.net/1stein/VWEEB/

Answer 2

可能有帮助

$(document).bind('mousemove', function(e){
    $('#tail').css({
       top:   e.pageY
    });
    $('#wrapper').click(function(){    
    xyz();

     });
});


function xyz()
{
        alert('hello');
}

Answer 3

试试这个：

$("#wrapper").mouseover(function() {
   // your function here
   alert("mouse over red area");
});

Example fiddle here

Answer 4

dom准备就绪后，您必须确保运行此代码：

$("#wrapper").bind('mouseenter', function(e) {
   alert("Entered Wrapper")
});