新しいポップアップウィンドウでjavascriptからMVC 4のビューを開くには？

Question

私はHTMLアクションリンクがあり、そのアクションリンクをクリックすると、前のウィンドウを閉じることなく新しいポップアップウィンドウを開きたいMVCビューページを持っています。この新しいポップアップウィンドウでは、私はMVCビューを表示したいが、私はそれを行うことができません。

<script type="text/javascript"> 
$(function() { 
    $('a.edit').click(function() { 
     var url = $(this).attr('href'); 
     window.showModalDialog(url, "#1", "dialogHeight:600px;dialogHeight:400px;dialogWidth:700px;dialogTop:300px;dialogLeft:400px;edge:Raised;center:Yes;help:No;Resiable:No;Status:No;"); 
    }); 
    return false; 
}); 

@Html.ActionLink("Answer", "getanswer", new {controller="Question"}, new {target="_blank",@class="edit"}) 

をしかし、問題は、それが新しいタブウィンドウで開いているポップアップウィンドウとしてその代わりに、開口部は次のとおりです。

今私はそれを行うには、次のコードを使用しています。だから私はどこに間違っているのか分からない。

私も代わりのwindow.showModalDialogが、私は同じ結果を得ていますwindow.open を試してみました。

だから誰かが私が間違ってやっていることや、この問題を解決する方法を見つけることができれば、解決するのを手伝ってください。

Answer 1

@ Html.ActionLinkはDOMにHTMLを作成します。もちろん発射され、新しいタブでリンクを開く

<a href="question/getanswer" target="_blank" class="edit">Answer</a> 

。

falseを返すことでこのイベントが停止する可能性がありますが、正しい場所にfalseを返さない場合、現在document.readyイベントがfalseになっているので、それを削除する必要がありますreturn false; ... try：

$('a.edit').click(function() { 
     var url = $(this).attr('href'); 
     window.showModalDialog(url, "#1", "dialogHeight:600px;dialogHeight:400px;dialogWidth:700px;dialogTop:300px;dialogLeft:400px;edge:Raised;center:Yes;help:No;Resiable:No;Status:No;"); 
     return false; 
    }); 

それとも、これは良いです：

$('a.edit').click(function (e) { 
     var url = $(this).attr('href'); 
     window.showModalDialog(url, "#1", "dialogHeight:600px;dialogHeight:400px;dialogWidth:700px;dialogTop:300px;dialogLeft:400px;edge:Raised;center:Yes;help:No;Resiable:No;Status:No;"); 
     e.stopPropagation; 
    }); 

上記は、今の@Html.ActionLinkの使用を停止し、これと交換し、問題を解決するのに十分ではない場合は、次の

その後

<div href="@Url.Action("getanswer", "Question")" class="edit" style="cursor: pointer">Answer</div> 

a.editから今.edit

にあなたのjQueryのセレクタを変更、確認のために、あなたは新しいタブで開くからリンクを停止します、あなたは、より適切に集中し、結合jQueryのクリックをデバッグすることができます。