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语句中单击“查看详细信息”时，应显示一个消息框，指出Access受限制。有人可以帮我吗？

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

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

看看：http://jqueryui.com/demos/dialog/#modal-message

Answer 3

使用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 4

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

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

单击链接时Jquery Messagebox MVC3

4 个答案: