Question

我想添加自定义按钮（带有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>

感谢您的帮助。

Answer 1

使用.html()向div添加html内容，如按钮或标签等

你可以使用这样的标签： -

$('#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>');

Answer 2

您可以使用buttons选项在对话框中添加自定义按钮：

添加如下选项：

    $( "#dialog-modal" ).dialog({ 
        buttons: [{ text: "Share on Facebook",
                click: function() {
                    // your function here
                }
        }]
    });

如何将带有id的自定义按钮添加到对话框模式jquery对象

2 个答案: