Ссылка, которая отправляет форму через jquery, иногда не срабатывает

Question

У меня есть ссылка, которая отправляет огромную форму со следующим кодом:

$('#the_link').click(function() {
   $('#the_form').submit();
   return false;
});

Однако иногда (примерно в 3 раза я бы предположил) форма не отправляется, иничего не происходит.Просто нажмите и ничего.

Я что-то упустил?Код, который связывает ссылку и форму, правильный или я настраиваю какое-то состояние гонки или что-то в этом роде?

Приветствия.

Answer 1

Убедитесь, что документ полностью загружен.

Вы можете использовать firbug на firefox для проверки.

Answer 2

Это странно, но я исправил это.

На самом деле это была проблема css, ссылка на: active стала position: относительной; и переместился на 1 пиксель вниз.

Почему-то это иногда останавливало ссылку. Очень странно.

Answer 3

Это предположение, но попробуйте использовать e.preventDefualt() вместо return false; в обработчике click. Казалось бы, это будет более конкретно нацелено на конкретный объект события.

$('#the_link').click(function( e ) {
    e.preventDefault();
    $('#the_form').submit();
});

(Если целью return false; также было предотвращение всплытия событий, то добавьте также e.stopPropagation().)