在iPad上的jQuery鼠标
我有一个完美的桌面浏览器jQuery代码;
$("span#checkbox_err").mouseout(function () {
$("span#checkbox_err").fadeOut("slow");
});
但同样不会在iPad上触发(因此checkbox_err显示在屏幕上,但从不隐藏)
如何在iPad上触发鼠标事件?
此外,我会想避免使用任何额外的库只是为了解决这个小问题..
我有问题跟进
我正在测试iPad上的一个页面,并且遇到了一些实现相应的鼠标行为的问题。
所以这个问题很容易理解。 1.在我的页面上,单击(或者更确切地说,触摸)上有一个复选框,我想显示errorMsg 2.在单击/触摸errorMsg以外的其他任何内容时,我想隐藏errorMsg
以下是我写的代码;
$(document).bind("touchstart",function(e){
if(e.target.id != "checkbox_err")
$("span#checkbox_err").fadeOut("slow");
});
}
$("input:checkbox").bind("touchstart",function(){
$("span#checkbox_err").fadeIn("fast");
});
现在的问题是,当我点击/触摸复选框时,errorMsg显示一段时间,然后它也立即隐藏它(因为target不是errorMsg)
我如何解决这个问题?
你可以试试.blur()而不是.mouseout()
也许是因为冒泡? 这对我来说很有意义,事件将会到达不是目标的底层。 所以你必须停止eventPropagation:
$("input:checkbox").bind("touchstart",function(){
$("span#checkbox_err").fadeIn("fast");
event.stopPropagation.
});
希望它有助于你。 你碰巧找到一个替代mouseout? - 这把我带到了这里。
这个例子肯定会帮助你! http://jsfiddle.net/PzTcS/12/,它在iPad上运行良好。
链接地址: http://www.djcxy.com/p/8799.html