jquery - jquery UI ダイアログ フォームをカスタマイズする

Question

jquery UI は初めてで、自分の Web サイトで 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 Web サイトのダイアログ フォームの例では、次のようなボタンを使用します。

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