0

ダイアログモーダルオブジェクトにカスタムボタンを追加したいと思います（ID付きなので、クリックしてアクションを実行できます）。

いくつかのテキストがあり、モーダル ダイアログ ボックスのテキストの下にボタンを配置したいと思います。

今私は持っています：

Javascript:

$("#dialog-modal").dialog({
    autoOpen: false,
    resizable: false,
    draggable: false,
    height: 250,
    width: 500,
    modal: true,
    dialogCLass: 'main-dialog-class'
});

$("#dialog-modal").dialog("open");

var text = '';
text = "This is a test";

$('#dialog-modal').text(text);

HTML:

<div id="dialog-modal" title="{{$artist->stage_name}} in {{Auth::user()->city}}!"></div>

次のようなボタンを追加したいと思います。

<a class="facebook-button" id="facebook" style="color: white; font:14px / 14px 'DINMedium','Helvetica Neue',Helvetica,Arial,sans-serif;">Share on Facebook</a>

ご協力ありがとうございました。

4

2 に答える 2

0

ボタンオプションを使用して、ダイアログにカスタム ボタンを追加できます。

次のようにオプションを追加します。

    $( "#dialog-modal" ).dialog({ 
        buttons: [{ text: "Share on Facebook",
                click: function() {
                    // your function here
                }
        }]
    });
于 2013-07-25T05:34:02.433 に答える
0

.html()ボタンやタグなどのhtmlコンテンツをdivに追加するために使用します

このようなタグを使用できます:-

$('#dialog-modal').html('<a class="facebook-button" id="facebook" style="color: white; font:14px / 14px 'DINMedium','Helvetica Neue',Helvetica,Arial,sans-serif;">Share on Facebook</a>');
于 2013-07-25T05:29:38.230 に答える