jquery ui对话框按钮

时间:2010-05-27 13:48:28

标签: javascript jquery jquery-ui jquery-plugins

使用jQuery UI对话框,我需要能够在按钮上设置工具提示......我有以下代码:

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

这允许我在“鼠标悬停”上执行某些操作,但只有在单击按钮后才能执行。在单击按钮之前,我需要做什么才能完成此功能?

由于

2 个答案:

答案 0 :(得分:1)

您要做的是在对话框中为“open”事件设置处理程序。该处理程序需要将DOM爬网到对话框代码包装对话框内容的外部容器<div>。从那里,它需要找到按钮所在的框,然后根据需要附加处理程序。

我不记得究竟是什么类名(使用Firebug),但对话框代码使用非常明显的类标记来标记不同的容器。有一个外部容器,然后在你的内容框后面有一个<div>按钮。再次,调出对话框并使用Firebug来查看结构的外观。

您可以在初始化选项中设置“打开”处理程序。

答案 1 :(得分:0)

它可能只会在点击时触发事件,因为只有点击时会触发该功能。

只需按正常方式选择该按钮(例如$('#my-form button')),然后附加mouseover事件。