Простая функция jQuery работает в любом браузере, кроме Firefox. Что мне не хватает?

Question

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

Я не эксперт по javascript, но я собрал несколько функций, используя jQuery.

В этом случае таблица стилей скрывает некоторые элементы управления. Когда пользователь проводит мышь, эта функция предоставляет эти элементы управления.

Это работает на всех браузерах, кроме Firefox (на Mac и Windows). Я что-то упускаю из виду?

Спасибо за вашу помощь,

Jason

Answer 1

Попробуй так:

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

Answer 2

В дополнение к тому, что сказал Dreas, если вы разрабатываете для клиента, который получает достаточное количество трафика (я бы сказал, сделать это в любом случае), сделайте себе одолжение и найдите способ протестировать его в IE6 также. В будущем вы избавите себя от множества головных болей. Хорошая треть моей недели на прошлой неделе выясняла, почему то или иное не сработало в IE (как 6, так и 7), включая весь мой день в пятницу. К счастью, я все еще находился в фазе разработки и не заставил клиента возвращаться, взбешенный неделями позже, задаваясь вопросом, почему у его / ее пользователей были проблемы в IE6 (что также случалось раньше).

К счастью, коллега рассказал мне о Microsoft Virtual PC, так что теперь я могу проверить все, что мне нужно, прежде чем сказать, что что-то сделано.

Answer 3

На самом деле, то, что вам нужно использовать при разработке веб-приложения:

• FireFox
• IE
• Safari
• (Chrome скоро ...)

И я имею в виду, что вы должны проверять каждый шаг вашего веб-сайта на всех трех основных браузерах Grade-A ... поэтому, если что-то не работает в процессе, вы будете точно знать вызвал перерыв.

Если вы не будете регулярно проверять в браузерах, как работает ваша страница, потом будет гораздо сложнее решить проблемы.

Answer 4

использовать addClass ..... с ним легче работать, особенно если вы хотите добавить несколько стилей позднее. Просто хорошая привычка.

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

Answer 5

Проверьте это приложение , которое устанавливает несколько версий Internet Explorer

... начиная с v3, v4, v5 и, самое главное, v6 (вы должны включить тесты в ie6 при разработке)