MVC JqueryUi Popup For Detail And Edit

See more:

jQuery

Razor

MVC4

ASP.NET4

I am trying To Show Details And Edit Mode In JQUI Dialog For Grid() But Its Not Working Properly .Some Times Edit Popup Is Work For once Then on Next Edit It opens in New Tab(Window) and when i click on Edit Then Detail Popup Doesn't Appear.

 @Html.ActionLink("Edit", "EditDetails", "Admin", new { CompanyID = @item.Company_Id }, new { @class = "edit_link" })

  @Html.ActionLink("Detail", "CompanyDetails", "Admin", new { CompanyID = @item.Company_Id }, new { @class = "details-modal" })

 <div id="my-dialog" title="Company Details">

</div>
<div id="edit-dialog" title="Edit Details">

</div>
    <script type="text/javascript">
        $(document).ready(function () {
       $('#my-dialog').dialog({
           autoOpen: false,
           width: 600,
           height: 600,
           resizable: false,
           modal: true


       });
       $('#edit-dialog').dialog({
           autoOpen: false,
           width: 600,
           height: 600,
           resizable: false,
           modal: true


       });
       $(".edit_link").click(function (e) {
           //e.preventDefault();
           $('#edit-dialog').load($(this).attr('href'),function (){

           $('#edit-dialog').dialog('open');
            });


         e.preventDefault();

       });


       $('.details-modal').click(function (e) {
           var theURL = $(this).attr('href');

           $('#my-dialog').load(theURL, function () {
               $(this).dialog('open');

         //      e.preventDefault();
           });


         e.preventDefault();
       });

    });

</script>