Слайд-тоггл jQuery одновременно выполняет слайд-ап и слайд в IE8

Question

Я загрузил мою проблему здесь: http://gotchance.com/k2/

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

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

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

Есть идеи?

Answer 1

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

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

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

Answer 2

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

До:

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

После того, как:

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

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