JQuery UI диалоговое окно

Question

В диалоговом окне jQuery UI мне нужно установить подсказки для кнопок ... У меня есть следующий код:

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

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

Спасибо

Answer 1

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

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

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

Answer 2

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

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