2012-04-23 7 views
0

私はJquery Mobileアプリケーションを持っており、その中にページを表示すると、メッセージボックスに相当するメッセージが表示され、ユーザーにメッセージが表示されます。ダイアログが正常に表示されますが、ダイアログボックスがリロードするページを閉じると、リロードされます。ダイアログを消して、それを呼び出すメインページに何もしないだけです。このメインページにはすでにユーザーが選択したオプションがあり、この更新によってオプションがクリアされるため、問題です。ここでJQuery Mobile:ダイアログを閉じるとページが呼び出されます

は、ダイアログを表示するために私のテストコードです:

<a href="/Dialogs/ListError.htm" data-role="button" data-inline="true" data-rel="dialog" data-transition="pop">Open dialog</a> 

ダイアログのHTMLが別々のページにあります。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<html> 
    <head> 
     <title>Page Title</title> 
    </head> 
    <body> 
     <div data-role="page"> 
       <div data-role="header"> 
        <h1>Search</h1> 
       </div> 
       <div data-role="content"> 
        <p>You must select a Location.</p> 
        <p><a id="close" onclick="$('.ui-dialog').dialog('close');" data-rel="dialog" data-role="button">OK</a></p> 
       </div> 
     </div> 
    </body> 
</html> 

それがすべてで重要ならば、私が使用していますVS2010 MVC Razor 3モバイルテンプレートは_layout.cshtmlファイルを使用し、デフォルトで$.mobile.ajaxEnabled = false;を持っています。

+0

私もちょうど場合にtrueに$ .mobile.ajaxEnabled = falseを変更しようとしたが、それが作られました変わりはない。 – Walter

答えて

-1

試みは、あなたのonclickにreturn false;を追加するデフォルトのリンクアクションを抑制されることはありません、他の

<a id="close" onclick="$('.ui-dialog').dialog('close'); return false;" data-rel="dialog" data-role="button">OK</a> 

+0

応答ありがとうございますが、同じ結果です。呼び出しページはまだリロードされます。 – Walter

関連する問題