Обработчик событий Jquery не работает при вызове со страницы

Question

Обработчик событий Jquery не работает при вызове со страницы

0

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

Widget.js:

   (function ($, undefined) {
    $.widget('ui.discussionwidget', {
        options: {
            userID: 'arti.agarwa',
            title: "",
            width: "",
            containerClass: ".ui-content-gutter"
        },
saveData: function (userName, msg, parentID) {
            //Save Discussion History
            $.event.trigger({
                type: "sendMessage",
                userName: userName,
                message: msg,
                parentID: parentID,
                timeStamp: new Date()
            });

        },
        });})(jQuery);

Скрипт страницы:

$(document).ready(function () {
        $('#discussionwidget').live("sendMessage", sendMessageHandler);
                // sendMessage event handler
                function sendMessageHandler(e) {
                    debugger;
                    alert(1);
                }});

Arun P Johny 24 сен. 2013, в 06:47

Источник

Теги:

javascript

jquery

event-handling

2 ответа

0

Я вижу две возможные проблемы:

У вашего виджета есть class discussionwidget но вы привязываетесь к id discussionwidget.
Вы динамически создаете виджет с помощью javascript? Может быть, событие связано перед созданием виджета.

Попробуйте исправить оба.

Mohayemin 24 сен. 2013, в 02:17

0

Он также имеет идентификатор в качестве виджета для обсуждения, так что я уверен в этом. Во-вторых, да, я создаю виджет динамически, но я использую live для привязки обработчика событий, поэтому он должен связать его. Не так ли?
user2614405 24 сен. 2013, в 04:53
0

Нет, он будет привязан только в том случае, если виджет был создан до того, как документ будет готов. Если это не так, $("#discussionwidget") не вернет ни одного элемента. Вы можете проверить, используя alert($("#discussionwidget").length) . Если вы видите 0, ваш виджет еще не создан, и событие не будет связано.
Mohayemin 24 сен. 2013, в 05:05
0

alert ($ ("# Discussion Widget"). length): идет 1
user2614405 24 сен. 2013, в 05:09
0

@ user2614405: О, кстати, куда ты поставил предупреждение? поместите это прямо перед связыванием события. Внутри документ готов.
Mohayemin 24 сен. 2013, в 05:12
0

да, я поставил это именно там, где вы упомянули.
user2614405 24 сен. 2013, в 05:16
0

@ user2614405: Мне жаль, что я думал, что это не помогло вам. Желаем удачи в решении проблемы :)
Mohayemin 24 сен. 2013, в 05:34

Показать ещё 4 комментария

Ещё вопросы

Он также имеет идентификатор в качестве виджета для обсуждения, так что я уверен в этом. Во-вторых, да, я создаю виджет динамически, но я использую live для привязки обработчика событий, поэтому он должен связать его. Не так ли?
Нет, он будет привязан только в том случае, если виджет был создан до того, как документ будет готов. Если это не так, $("#discussionwidget") не вернет ни одного элемента. Вы можете проверить, используя alert($("#discussionwidget").length) . Если вы видите 0, ваш виджет еще не создан, и событие не будет связано.
@ user2614405: О, кстати, куда ты поставил предупреждение? поместите это прямо перед связыванием события. Внутри документ готов.
да, я поставил это именно там, где вы упомянули.
@ user2614405: Мне жаль, что я думал, что это не помогло вам. Желаем удачи в решении проблемы :)

Arun P Johny · Accepted Answer · 2013-09-24T09-13-00.000Z

Похоже, что делегирование событий не работает с глобальными событиями

$('#discussionwidget').on("sendMessage", sendMessageHandler);

Демо: скрипка

Я нашел альтернативу soln этому, так как мы используем JQ1.6 и не можем использовать дальше. Вместо того, чтобы писать его, $ .event.trigger, мне нужно записать его как триггер $ ('# Discussion Widget'). Это сработало как талисман.