当我单击链接时，Jquery Messagebox MVC3

Question

我认为

<tr>
                            <td>@Model.EnrolledPolicies[i].InsuredName</td>
                            <td>@Model.EnrolledPolicies[i].ProductType</td>
                            <td>@Model.EnrolledPolicies[i].PolicyNumber</td>
                            <td>@Model.EnrolledPolicies[i].IssueDate</td>
                            <td>@Model.EnrolledPolicies[i].Status</td>
                            <td>
                                @if (Model.EnrolledPolicies[i].CanViewContractDetails)
                                {
                                    @Html.ActionLink("View Details", "ViewContractDetails", new { @Contract=Model.EnrolledPolicies[i].PolicyNumber });
                                }
                                else
                                {
                                    <a href="#">View Details</a>
                                }

                            </td>
                        </tr>

在上面的 else 语句中我想为 Jquery 消息框编写一些代码。当我从 else 语句中单击“查看详细信息”时，应该会出现一个消息框，提示访问受到限制。有人可以帮我解决这个问题吗？

Answer 1

试试这个 jQuery UI 插件： JQuery UI Message Box

<a href="#" class="DialogInfo">View Details</a>

<script>
    $(function() {
        $('a.DialogInfo').click(function(event){
            event.preventDefault();
            $.showMessageBox("Your message");
        });
    });
</script>

Answer 2

使用 jQuery UI 插件：

<a href="#" class="notAllowed">View Details</a>
<div id="dialog">Access Denied</div>

$(function() {
    $('a.notAllowed').click(
        $( "#dialog:ui-dialog" ).dialog( "destroy" );

        $( "#dialog-message" ).dialog({
            modal: true,
            buttons: {
                Ok: function() {
                    $( this ).dialog( "close" );
                }
            }
        });
    );
});

注意：通过应用类来设置对话框 div 的样式，使其默认隐藏。

Answer 3

您可以使用 jQueryUI 来做到这一点。

看一下： http://jqueryui.com/demos/dialog/#modal-message< /a>

Answer 4

不确定在这种情况下您是否真的需要 jquery 消息框，因为警报消息将满足您的请求。仅供参考，以下代码将在单击“查看详细信息”时显示简单的警报消息

<a href='javascript:onClick=alert("Access is restricted")'>View Details</a>