2012-04-23 2 views
0

Jquery Mobile 앱이 있고 페이지 내에 사용자에게 메시지를 표시하기 위해 MessageBox 대화 상자에 해당하는 내용이 표시되어야합니다. 대화 상자가 표시되면 대화 상자가 닫히면 다시로드됩니다. 대화 상자가 사라지고이를 호출 한 기본 페이지에 아무 것도하지 않기를 바랍니다. 이 메인 페이지에는 이미 사용자가 선택한 옵션이있을 수 있으며이 새로 고침을 통해 옵션이 지워지므로 문제가됩니다. 여기 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 면도기 3 모바일 템플릿은 _layout.cshtml 파일을 사용하며 기본값은 $.mobile.ajaxEnabled = false;입니다.

+0

나는 또한 단지의 경우 true로 $ .mobile.ajaxEnabled = false를 변경 시도했지만이 만든 차이 없음. – Walter

답변

-1

시도는 온 클릭에 return false;를 추가하는 기본 링크 액션을 억제하지 않습니다 다른

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

+0

응답을 보내 주셔서 감사하지만 같은 결과가 표시됩니다. 호출 페이지가 여전히 다시로드됩니다. – Walter

관련 문제