javascript – 为什么这个jQuery代码可以在Firefox中运行,但不适用于Chrome或Safari？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 为什么这个jQuery代码可以在Firefox中运行,但不适用于Chrome或Safari？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1080字，纯文字阅读大概需要2分钟。

内容图文

我正在使用jQuery突出显示(通过更改bg颜色)一些表格单元格.我希望按钮(一个简单的锚点)在单击时被赋予类名“选中”,我希望按钮下方的某些表格单元格突出显示.再次单击同一按钮时,它将取消选择并从表格单元格中删除高光.单击其他按钮时,将删除其他突出显示并切换到新的相应突出显示.

这一切都在Firefox中完美运行.当我在webkit浏览器中尝试它时,它没有.我无法弄清楚为什么,它让我发疯！ jQuery代码如下.您可以在以下位置查看该页面：

http://byegurl.com/scores.html

$(function(){
$(".press").click(function() {
    id = $(this).attr("id");
    name = $("." + id);
    if ($(this).hasClass('selected')) 
         {
            $(this).removeClass('selected');
            $(name).removeClass('highlight');
         } else {
            $('.press').removeClass('selected');
            $("td:not(name)").removeClass('highlight');         
            $(this).addClass('selected');
            $(name).addClass('highlight');
         }
    return false; 
});
});         

我感谢您的帮助！

解决方法:

可以解决问题的一些事情：

name已经是一个jQuery对象.将此行更改为：

name.removeClass('highlight');

和

name.addClass('highlight');

另外,我建议使用event.preventDefault(),而不是return false;

$('.press').click(function(event) {
    // ...
    event.preventDefault();
});

内容总结

以上是互联网集市为您收集整理的javascript – 为什么这个jQuery代码可以在Firefox中运行,但不适用于Chrome或Safari？全部内容，希望文章能够帮你解决javascript – 为什么这个jQuery代码可以在Firefox中运行,但不适用于Chrome或Safari？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端