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 回答