Question

$(document).ready(function() {
    $("span.link").mouseover(function(e){
        $(this.children).css("display","inline");  
      });
  });

我不是javascript专家，但我使用jQuery拼凑了一些函数。

在这种情况下，样式表隐藏了一些控件。当用户将鼠标悬停时，此函数会公开这些控件。

这适用于除Firefox之外的所有浏览器（在Mac和Windows上）。我错过了一些明显的东西吗

感谢您的帮助，

杰森

Answer 1

试试这样：

$(function() {
    $("span.link").mouseover(function(e){
        $(this).children().css("display","inline");  
    });
});

Answer 2

实际上，开发Web应用程序时需要使用的是：

火狐
IE
Safari浏览器
（Chrome很快......）

我的意思是你应该在所有3个主要的A级浏览器上测试你网站的每一步 ...所以如果某些东西在这个过程中不起作用，你就会确切地知道是什么原因造成的。

如果您没有定期查看浏览器的页面结果，那么以后修复问题会更加困难。

Answer 3

再加上Dreas说的话，如果你正在为一个获得相当大流量的客户开发（我会说无论如何都这样做）帮自己一个忙，找个方法在IE6中测试它同样。如果你这样做，你将来会为自己省去一堆麻烦。上周我的一周中有三分之一的时间弄清楚为什么这个或那个在IE中都不起作用（包括6和7），包括我周五的整个一天。幸运的是，我还处于开发阶段，并且没有客户回来发疯一周后想知道为什么他/她的用户在IE6中遇到问题（之前也曾发生过）。

值得庆幸的是，一位同事让我进入了Microsoft Virtual PC，所以现在我可以在我说完某些事情之前测试我需要的任何内容。

Answer 4

查看安装多个版本的Internet Explorer的app

...范围从v3，v4，v5，最重要的是，v6（你应该在开发时包括ie6中的测试）

Answer 5

使用addClass .....更容易使用，尤其是如果您希望以后添加多个样式。只是一个良好的习惯进入。

$(function() {
    $("span.link").mouseover(function(e){
        $(this).children().addClass('inlineClass');  
    });
});

简单的jQuery功能适用于每个浏览器，但Firefox。我错过了什么？

5 个答案: