jquery - 自定义 jquery UI 对话框表单

Question

我是 jquery UI 的新手，我想在我的网站中使用 jquery 对话框表单。所以我有以下显示图标的代码：

<a href='' class='bt_green' id='dialog'><span class='bt_green_lft'></span><strong>Add user</strong><span class='bt_green_r'></span></a>

但是，在 Jquery 网站的对话框表单示例中，他们使用如下按钮：

<button id="create-user">Create a user</button>

以及触发对话框表单的 javascript 代码：

$( "#create_user" )
        .button()
        .click(function() {
            $( "#dialog-form" ).dialog( "open" );
        });

我认为只需将 #create_user 替换为我将在“bt_green”类旁边添加的 id 就可以了，但它不起作用，并且仍然在我想要显示的图标后面显示一种灰色按钮对话框形式。

提前感谢您的帮助。

Answer 1

您可以在 Javascript 中执行以下操作：

$(".bt_green") 
    .button() 
    .click(function() { 
        $( "#dialog-form" ).dialog( "open" ); 
    });