Asp.net mvc 3 按钮的JQuery模式弹出窗口

我需要一个使用jquery的按钮的模式弹出窗口。我已经与一个动作链接模式弹出窗口，螺母我需要它与按钮只工作

我用于操作链接的jquery：

    <%: Html.ActionLink("Create", "Create_By_SupAdmin", null, new { @class = "openDialog", 
data_dialog_id = "newPostDialog", data_dialog_title = "Create New Profile" }) %>

是:

$（文档）.ready（函数（）{
$（'.openDialog'）.live（'click'，函数（e）{
e、 预防默认值（）；
$('')
.addClass（'对话框'）
.attr（'id'，$（此）
.attr（'data-dialog-id'））
.appendTo（'正文'）
.对话({
标题：$（this.attr（'data-dialog-title'），
关闭：函数（）{
$（this.remove（））
window.location.reload（）
},
莫代尔：是的，
宽度：500
})
.load（this.href）；
});
});

问题

我需要对按钮应用相同的行为。

您可以使用。如果你让它与ActionLink一起工作，那么按钮也是一样的。为对话框定义按钮和占位符：

<input type="button" id="btn" value="Show modal" />
<div id="dialog"></div>

$('#btn').click(function() {
    $('#dialog').dialog().html('some contents');
});​

这里有一个例子

---

现在，您已经展示了您的代码，下面介绍了如何使用按钮调整代码：

<input type="button" value="Create" class="openDialog" data-dialog-id = "newPostDialog", data-dialog-title="Create New Profile" data-url="<%= Url.Action("Create_By_SupAdmin") %>" />

然后：

$(document).ready(function () {
    $('.openDialog').live('click', function (e) {
        e.preventDefault();
        $('<div></div>')
            .addClass('dialog')
            .attr('id', $(this).attr('data-dialog-id'))
            .appendTo('body')
            .dialog({
                title: $(this).attr('data-dialog-title'),
                close: function () {
                    $(this).remove();
                    window.location.reload();
                },
                modal: true,
                width: 500
            })
            .load($(this).attr('data-url'));
    });
});

$（文档）.ready（函数（）{
$（'.openDialog'）.live（'click'，函数（e）{
e、 预防默认值（）；
$('')
.addClass（'对话框'）
.attr（'id'，$（this）.attr（'data-dialog-id'））
.appendTo（'正文'）
.对话({
标题：$（this.attr（'data-dialog-title'），
关闭：函数（）{
$（this.remove（）；
window.location.reload（）；
},
莫代尔：是的，
宽度：500
})
.load（$（this.attr（'data-url'））；
});
});

Thnks。。我得到了它。你的回答帮助了我很多当我使用这个我只得到它的按钮。。通常，我需要同样的按钮以及行动链接。。我怎么才能算出来

$(document).ready(function () {
    $('.openDialog').live('click', function (e) {
        e.preventDefault();
        $('<div></div>')
            .addClass('dialog')
            .attr('id', $(this).attr('data-dialog-id'))
            .appendTo('body')
            .dialog({
                title: $(this).attr('data-dialog-title'),
                close: function () {
                    $(this).remove();
                    window.location.reload();
                },
                modal: true,
                width: 500
            })
            .load($(this).attr('data-url'));
    });
});