Выдает ошибку на .on(). Как пофиксить?

Question

[s2sk1337]

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

$('где идет поиск').on('click', 'что ищем', function(){
...
});

Переделал как нужно, но вот браузеру это не нравиться и он ругается на эту строку -



Так и не дошло почему... Сам код:

$(document).ready( // Когда документ загрузился
    
    function()
    {
        $('.main_content').on('click', '.button_send',
            function()
            {
                $.ajax(
                    {
                        url: "/msg",
                        type: "POST",
                        data: (
                            {
                                toWhom: $('#towhom_id').text(),
                                text: $('.input_message').val(),
                                act: "send_message"
                            }
                        ),
                        dataType: "text"
                    }

                );
            }
        );
    }
);

Comments

[Никита Баев]

А версия у вас какая?

Answer 1

[imdeveloper]

Сразу уберите вот эту функцию. Она здесь вообще не нужна

Если нет, то:
Какая версия Jquery? Метод on ввели только с JQ > 1.7 попробуйте заменить на более новую версию.
Если это Вам не поможет , то попробуйте метод bind

Удачи

Comments

[Александр Аксентьев]

как не нужна если нужно в ready функцию отдавать.
Просто форматирование дурацкое, кажется что это еще один лишний уровень.

[imdeveloper]

Александр Аксентьев: да, не увидел. по привычке нормального форматирование не посмотреть если там функция или нет.
Значит с bind будет точно работать, ну или версия JQ

[s2sk1337]

Спасибо, старая версия Jquery была)

Answer 2

[Максим Павлов]

Обновите версию+используйте делегирование, т.к. элемент подгружается после навешивания обработчика. Почитайте подробнее jquery.page2page.ru/index.php5/On