單擊鏈接時Jquery Messagebox MVC3

我在我的視圖中有這個單擊鏈接時Jquery Messagebox MVC3

<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受限制。有人可以幫我嗎？

來源

2011-07-25 TJK

使用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"); 
       } 
      } 
     }); 
    ); 
});

注意。

來源

2011-07-25 15:22:16 Mrchief

我沒有關於jQuery的很多知識。你能詳細解釋一下如何使用Jquery消息框。 – TJK

如果您轉向http://jqueryui.com/demos/dialog/#modal-message，它具有優秀的文檔以及現場演示。 – Mrchief

謝謝明白了，我如何實現showMessage？ – TJK

你可以使用jQueryUI來做到這一點。通過應用類，這樣它的默認隱藏樣式對話框div：

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

來源

2011-07-25 15:21:09 RobertoBr

不確定在這種情況下是否真的需要jquery消息框，因爲警報消息將滿足您的請求。僅供參考，下面的代碼會顯示一個簡單的警報消息點擊查看詳細信息時

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

來源

2011-07-25 15:57:16

試試這個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>

來源

2012-03-10 21:03:18 Sergik666

單擊鏈接時Jquery Messagebox MVC3

回答

相關問題