如何解决jQuery-如何“关闭”或“覆盖”命名函数
|| 您好,我有以下HTML:img class=\"hoverContact\"
img class=\"hoverContact\"
img class=\"hoverContact\"
和jQuery代码:
function highlightContact(ev) {
$(ev).addClass(\'lightblue\');
}
function unhighlightContact(ev) {
$(ev).removeClass(\'lightblue\');
}
和
$(\'.hoverContact\').live(\"mouseover\",function(){
highlightContact(this);
});
$(\'.hoverContact\').live(\"mouseout\",function(){
unhighlightContact(this);
});
$(\'.hoverContact\').live(\"click\",function(){
highlightContact(this);
});
我试图使lightblue类保持单击状态,但是很明显,当我单击时,我需要将鼠标移开并关闭lightblue类...所以我需要帮助弄清楚如何覆盖unhighlight类...
谢谢
解决方法
也许有更好的方法,但是我会这样做-您可以使用jQuery设置任意属性,而不会通过将数据粘贴在随机命名的html属性中来提高页面验证或浏览器的兼容性。正确的方法是在HTML标记中包含另一个XML名称空间,但我从未见过这样做的实际理由。
$(\'.hoverContact\').attr(\'custom:on\',\'0\')
.live(\"mouseover\",function(){
highlightContact(this);
})
.live(\"mouseout\",function(){
if ($(this).attr(\'custom:on\') == \'0\') {
unhighlightContact(this);
}
})
.live(\"click\",function(){
$(\'.hoverContact\').attr(\'custom:on\',\'0\');
$(this).attr(\'custom:on\',\'1\');
highlightContact(this);
});
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。