Обработчик события jQuery .submit не вызывается при нажатии

Я пытаюсь использовать следующее для выполнения запроса ajax, когда пользователь нажимает кнопку «Отправить» в форме, чтобы страница не перезагружалась.

$('#pick-names-and-email').submit(function(e) {
            $.ajax({
                type: 'POST',
                url: $('#participants-summary').attr('action'),
                data: $('#participants-summary').serialize(),
                success: function(data) {
                    alert('ajaxdone');
                }

            });
            e.preventDefault();
        });

По какой-то причине, когда я щелкнул ссылку на странице, она выполняет обычную отправку формы, и мой обработчик событий никогда не вызывается. Странно то, что если я где-то делаю $('#pick-names-and-email').submit() в своем javascript, ajax выполняется просто отлично. Обработчик события, кажется, не вызывается только для щелчка мыши. Есть идеи?

РЕДАКТИРОВАТЬ: #pick-names-and-email — моя кнопка отправки


jquery ajax submit handler
person user1529956    schedule 30.11.2013    source источник
comment
какая у вас ссылка для отправки?   -  person Hacketo    schedule 30.11.2013
comment
ой, извини. #pick-names-and-email — это кнопка отправки   -  person user1529956    schedule 30.11.2013
comment
вам нужно, чтобы ваша форма имела идентификатор #pick-names-and-email и тип кнопки отправки в вашей форме   -  person Hacketo    schedule 30.11.2013
comment
о, спасибо! Мне почему-то казалось, что я пробовал, и это не сработало. Кажется, у меня раньше была опечатка. Спасибо еще раз   -  person user1529956    schedule 30.11.2013
comment
Попробуйте добавить событие onclick с помощью кнопки. У кнопки нет события отправки, но у ‹form› есть.   -  person Dukhabandhu Sahoo    schedule 30.11.2013

Ответы (1)


arrow_upward
0
arrow_downward

Идентификатор #pick-names-and-email был на кнопке отправки,

функция отправки вызывается, когда вы нажимаете кнопку отправить в форме #pick-names-and-email

<form id="#pick-names-and-email">
    <input ..... />
    <input ..... />
    <input type="submit"..... />
</form>
person Hacketo    schedule 30.11.2013