2

我想在 MVC3 中使用 jQuery 在简单的 HTML 按钮单击上显示弹出框。如何做到这一点的样本是什么？

4

4 回答 4

1

要处理按钮单击事件并div在单击时显示 a，您可以执行以下操作：

$("#button").click(function() {
    $("#yourDialog").show();
});

http://jsfiddle.net/yGtwT/

您还可以使用 ajQuery Dialog来显示“弹出窗口”。

$(document).ready(function() {
  $("#yourDialog").dialog();
}); 

$("#button").click(function() {
   $("#yourDialog").dialog('open');
});​

http://jqueryui.com/dialog/

于 2012-10-11T17:01:42.320 回答
0

使用包含模式对话框的 jquery 库。

于 2012-10-11T17:06:12.067 回答
0

下面是我如何显示一个选择各种标签值的弹出框，首先是 html：

<div style="display: none">
    <div id="tagDialogBox" title="Add Tags">
    @* other html here *@
    </div>
</div>

这是 jQuery，请注意您需要添加.parent().appendTo($("formname"))以允许将对话框字段作为表单的一部分提交：

function showTagDialogBox() {
    $('#tagDialogBox').dialog({
        autoOpen: true,
        title: "Select Tags",
        modal: true,
        height: 530,
        width: 800,
        buttons: {
            "Ok": function () {
                $(this).dialog("close");
            }
        }
    }).parent().appendTo($("form:first"));

    return false;
}
于 2012-10-11T20:19:51.910 回答
0

这非常简单。

<input type="button" onclick="$('dialogbox').dialog();"/>

此外，jquery ui 页面上的示例。这个很简单（虽然它也包含动画，但你可以把它拉出来作为例子）

http://jqueryui.com/dialog/#animated

于 2012-10-11T20:29:03.203 回答