MVC jqueryUIモーダルダイアログ

Question

jQueryUIを動作させるのに失敗した場合、jQueryUIサイトからテーマをダウンロードした後、この例を試しました。here

ここに私のasp.net mvcページの上のリンクの例を見て私のコードです。

<link type="text/css" href="<%= Url.Content("~/Scripts/jquery-ui/css/smoothness/jquery-ui-1.8.17.custom.css")%>" rel="stylesheet" />  
<script type="text/javascript" src="<%= Url.Content("~/Scripts/jquery-ui/js/jquery-1.7.1.min.js")%>"></script> 
<script type="text/javascript" src="<%= Url.Content("~/Scripts/jquery-ui/js/jquery-ui-1.8.17.custom.min.js")%>"></script> 



<script> 

$('#dialog_link').click(function(){ 
    $('#Dialog').dialog('open'); 
    return false; 
}); 


</script> 

<p id="dialog_link">Open Dialog</p> 


<div id="Dialog" title="Dialog title!"> 
This content shown within dialog... 

</div> 

F5キーを押した後、私はそれを閉じて戻って、メインウィンドウに取得するには、[×]ボタンでモーダルダイアログを開きますクリッククリック可能なテキストを参照すると予想しているでしょう。しかし、私が見ることを得ることは、テキスト「オープンダイアログ」は、イベントをクリックして応答しないとなって「モーダルダイアログは、」プレーンの形ですでに表示されている

、ページのロード時にこれです文字列と書式なし。では、jQueryUIのすべての魔法はどこに行きましたか？正しいスクリプトをリンクするのに間違っていますか？ 完全に失われました。助けてください..

この全く同じコードは、別のファイルで純粋なhtmlモードで動作します。このコードをコンテンツタグ内のasp.net mvcページにコピーすると、非記述行でJavaScriptエラーが発生します。

Answer 1

はちょうどあなたの$（ '＃のダイアログ'）のうち、 'オープン' を取る試してみてください（ 'オープン'）ダイアログを。あなたは行くのが良いです。

編集：このjsFiddleは、例として、あなたのコードを追加しました：

http://jsfiddle.net/DoomHamster/LhJsL/1/

また、あなたはありませんデフォルトのクリックイベントを持つ要素をクリックすると「falseを返す」必要はありません。

EDIT：私の意見では、最初にjQueryとjQueryUIの読み込みに問題があると思われます。スクリプトとCSSのリンクをパスの問題を解消するためのテストとして次のように置き換えてみてください。

<link type="text/css" rel="Stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.17/themes/ui-lightness/jquery-ui.css" /> 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.17/jquery-ui.min.js"></script> 

Answer 2

この

$(function() 
{ 
    $('#dialog_link').click(function(){ 
    $('#Dialog').dialog(); 
    return false; 
    }); 
})