自定义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" );
        });

我认为只需将#cate_user替换为我将在“bt_green”类旁边添加的ID就行了但是它不起作用，并且仍然在我要制作的图标后面显示一种灰色按钮可单击以显示对话框表单。

提前感谢您的帮助。

Answer 1

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

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