JQuery кнопка диалог

Question

пользовательский интерфейс с диалоговым JQuery UI, мне нужно, чтобы быть в состоянии установить всплывающие подсказки на кнопках ... У меня есть следующий код:

buttons: { 
'My Button' : function(e) { 
    $(e.target).mouseover(function() { 
     alert('test'); 
    }); 
} 

Это позволяет мне сделать что-то «но при наведении курсора мыши» только после нажатия кнопки. Что мне нужно сделать, чтобы сделать эту функцию до нажатия кнопки?

Благодаря

Answer 1

Что вы собираетесь делать, так это иметь обработчик для «открытого» события в диалоговом окне. Этот обработчик должен будет сканировать DOM во внешний контейнер <div>, чтобы диалоговый код обертывал содержимое вашего диалога. Оттуда ему нужно найти поле, где находятся кнопки, а затем при необходимости присоединить обработчики.

Я не могу точно помнить, что такое имена классов (используйте Firebug), но в коде диалога используются довольно очевидные метки классов, чтобы отметить, что представляют собой различные контейнеры. Существует внешний контейнер, а затем после вашего окна содержимого есть кнопки <div>. Опять же, поднимите свой диалог и используйте Firebug, чтобы посмотреть, как выглядит структура.

Вы можете настроить «открытый» обработчик в параметрах инициализации.

Answer 2

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

Просто выберите эту кнопку обычным способом (например, $('#my-form button')), а затем присоедините событие mouseover.