jqueryまたはjavaスクリプトを使用してポップアップ表示する方法asp mvc2

Question

私はasp mvcでポップアップ表示をしたいです; jqueryを使用してポップアップ表示する方法は？リンクをクリックすると、RequirementDetailsビューがポップアップ表示されます。

<p> 
<%:Html.ActionLink(list.JobTitle,"RequirementDetails","Admin",new{id=list.RequirementID},null)%> 
</p> 

私のjQueryのポップアップビュー：

それが働いている

<script type="text/javascript"> 
$(function() { 
    $('.popup-link').click(function() { 
     var href = $(this).attr('href'); 
     $('<div><p class="popup-content"></p></div>').dialog({ 

      autoOpen: true, 
      modal: true, 
      height: 300, 
      width: 500, 
      open: function() { 
       $(this).find('.popup-content').load(href); 
      }, 
      Exit: function() { 
       $(this).dialog('Exit'); 
      } 
     }); 
     return false; 
    }); 
}); 
</script> 

<p>    
<%:Html.ActionLink(list.JobTitle,"RequirementDetails","Admin",new{id=list.RequirementID}, new { @class = "popup-link" })%> 
</p> 

（それは私がリンクをクリックし、ポップアップボックスが表示されます）が、私はそれが閉じている近くにポップアップダイアログをクリックしたときに問題があり、2回目私は2つのポップアップを開くリンクをクリックします。どうすればこの問題を解決できますか？あなたがアンカーのtarget属性設定してみてください可能性があり

Answer 1

：

<%= Html.ActionLink(
    list.JobTitle, 
    "RequirementDetails", 
    "Admin", 
    new{ id = list.RequirementID }, 
    new { target = "_blank" } 
) %>