jQuery .hide () не работает в IE

Question

У меня есть несколько элементов span, которые я скрываю с помощью CSS (display: none;).Когда страница загружается, я бы хотел, чтобы первый элемент span показывал, что, похоже, имеет место во всех браузерах, кроме IE7.Кто-нибудь знает, почему это может происходить?Нет никакого сумасшедшего кода, который мог бы вызвать эту проблему, он просто не работает.

jQuery v1.4.2

<script type="text/javascript">
    $(document).ready(function() { 
        $('span.player').hide();
        $('span.player:first').show();
    });
</script>

<span class="player" style="display: none;">Player embed code</span>
<span class="player" style="display: none;">Player embed code 2</span>

Спасибо, Джейк

Answer 1

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

http://jsfiddle.net/LBjQD/5/

Answer 2

Не показывая нам полный исходный код, трудно понять, в чем заключается ваша проблема, и нам остается принимать случайные догадки.Из того, что я знаю, код совершенно действителен, и тот факт, что он работает в других браузерах, означает, что вы, вероятно, включили все правильно.Так что это немного сбивает с толку.

Я бы начал с включения DOCTYPE, если вы этого еще не сделали.Возможно, что IE находится в режиме причуд, и это редко бывает хорошо.

Кроме того, вы используете прототип на странице, а также jQuery?Это может быть конфликт $, и в этом случае вам нужно будет вызывать jquery неконфликтующим способом, например:

jQuery(document)....

Answer 3

Если вы скрыли эти элементы с помощью таблицы стилей, а не с помощью атрибута стиля элемента, который вызывает проблему.