2009-06-18 3 views
0

Я загрузил мою проблему здесь: http://gotchance.com/k2/slideToggle JQuery, анализирует как slideDown и slideUp в IE8 одновременно

Попробуйте нажать на «Вход» ссылку. Он отлично работает в FF и Safari. Однако в IE8 форма сдвигается вниз, а затем автоматически сместится.

Для целей тестирования я добавил еще 4 «тестовых» ссылок и обнаружил, что причиной этой проблемы являются только ссылки внутри #navigation div.

Кроме того, если я переключаюсь с помощью любого другого элемента, такого как «кнопка» «вход», он отлично работает. Проблема только в тегах «a» внутри «#navigation».

Любые идеи?

+0

Вы пробовали указать кнопку входа, более конкретную для селектора jQuery ** $ ("a # loginLink") ** вместо ** $ ("a") **? –

+0

Да, я даже пробовал этот $ ('# wrap #header #navigation ul li a # loginLink') и все, что между ними. – Shrihari

ответ

0

Ваш html не проверяет. Всегда убедитесь, что вы запускаете его через w3c validator. Недействительный dom может играть в ад с помощью jquery-селекторов (особенно в том числе).

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

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

+0

Спасибо :), что помогло. Проблема была связана с плагинами углов. 1) Можете ли вы предложить некоторые другие закругленные угловые плагины? 2) И, когда форма входа в систему сместится, заголовок «Добро пожаловать в Kontactr» перемещает несколько пикселей вверх и касается зеленой линии. Затем это происходит автоматически. Любая идея, что вызывает это? – Shrihari

+0

На мой взгляд, все закругленные плагины имеют проблемы и используют слишком много дополнительной разметки. Я использую изображения или просто использую css и moz-border-radius, конечно, то есть пользователям придется страдать без !! – redsquare

0

Одна проблема, я вижу, что у вас есть дополнительная запятая в вашем файле custom.js. Дополнительная запятая в строке 25.

До:

confirm: { 
      required: true, 
      equalTo: "#rpassword" 
     }, 
    }, 

После:

confirm: { 
      required: true, 
      equalTo: "#rpassword" 
     } 
    }, 

Я не знаю, если это решит вашу проблему, хотя.

Смежные вопросы