0
나는 터치를 분실 해요 - 나는 템플릿으로 JQuery와 데모 페이지에서 팝업 예를 찍은 ...팝업이 jquerymobile 내에서 작동하지
내가 첫 페이지에 내 팝업을 두는 경우에, 그것을 작동 - 나는 js 스크립트에서 열어 호출 할 수 있습니다. 내가 다른 (데이터 역할)에 팝업을 이동하는 경우 동적으로 같은 문서 내에서 그러나
$("#popup").popup("open");
를 통해 페이지를 열 수 있습니다
따라서 ... 다음은
<div data-role="page" class="page" id="Menu">
<div data-role="header" data-position="fixed" class="ui-title center">
<div data-role="controlgroup" data-type="horizontal">
<a href="#" class="ui-btn ui-corner-all ui-icon-user ui-btn-icon-notext"> </a>
<a href="#OrderList" class="ui-btn ui-corner-all width150 htitle OrderList"> <span class='htitle'>Barserver.com</span> </a>
<a href="#" class="ui-btn ui-corner-all ui-icon-gear ui-btn-icon-notext"> </a>
</div>
</div>
<div id="MainContent">
<div id="MenuList"></div>
</div>
<div data-role="popup" id="popup" data-overlay-theme="b" data-theme="b" data-dismissible="false" style="max-width:400px;">
<div data-role="header" data-theme="a">
<h1>Delete Page?</h1>
</div>
<div role="main" class="ui-content">
<h3 class="ui-title">Are you sure you want to delete this page?</h3>
<p>This action cannot be undone.</p>
<a href="#" class="ui-btn ui-corner-all ui-shadow ui-btn-inline ui-btn-b" data-rel="back">Cancel</a>
<a href="#" class="ui-btn ui-corner-all ui-shadow ui-btn-inline ui-btn-b" data-rel="back" data-transition="flow">Delete</a>
</div>
</div>
작동 하는가 , 표시되지 않으며 console.log에도 오류가 표시되지 않습니다. 누구든지 나를 조종 할 수 있습니까? 다음은
<div data-role="page" class="page" id="OrderList">
<div data-role="header" data-position="fixed" class="ui-title text-center">
<div data-role="controlgroup" data-type="horizontal">
<a href="#Menu" class="ui-btn ui-corner-all ui-icon-carat-l ui-btn-icon-notext Menu"> </a>
<a href="#Menu" class="ui-btn ui-corner-all width150 htitle Menu"> <span class='htitle'>Barserver.com</span> </a>
<a href="#Customer" class="ui-btn ui-corner-all ui-icon-carat-r ui-btn-icon-notext"> </a>
</div>
</div>
<div id="OrderListContent" class="productdhtml ui-content"></div>
<div data-role="popup" id="popup" data-overlay-theme="b" data-theme="b" data-dismissible="false" style="max-width:400px;">
<div data-role="header" data-theme="a">
<h1>Delete Page?</h1>
</div>
<div role="main" class="ui-content">
<h3 class="ui-title">Are you sure you want to delete this page?</h3>
<p>This action cannot be undone.</p>
<a href="#" class="ui-btn ui-corner-all ui-shadow ui-btn-inline ui-btn-b" data-rel="back">Cancel</a>
<a href="#" class="ui-btn ui-corner-all ui-shadow ui-btn-inline ui-btn-b" data-rel="back" data-transition="flow">Delete</a>
</div>
</div>
</div>
는 오해를 방지하기 위해 ... 작동하지 않습니다 -, 두 번째가 작동하지 않는 첫 번째 코드 샘플 작품 (오류를 의미하지, 대화 상자와 같은 모달가 표시되지됩니다).
왜?
나는 (감사 방향에 대한 @Omar하는) 그것을 가지고 (물론 감사 모든 도움)
나는 나중에 문서에서 닫히지 않은 div를 찾았습니다. 나는 그것을 고쳤지 만 여전히 문제를 해결하지 못했다. –
외부 팝업을 사용하거나 각 팝업마다 고유 한 ID를 사용하십시오. 나는 외부 팝업 (들)에 갈거야 http://stackoverflow.com/a/22559428/1771795 – Omar
오마르 여기와 jquery 포럼에 큰 도움이되어 왔지만 여전히 문제가 있습니다. 팝업은 전역 적으로 정의되거나 첫 번째 기본 페이지 내에 정의 될 때 페이지 초기화시 동적으로 열릴 수 있지만 그 이후의 페이지는 GUI 또는 오류를 변경하지 못합니다. 내가 동적 인 불균형 div 태그를 가지고 있다고 의심하지만, 여기까지의 모든 검사는 실패합니다. 나는 잘못을 발견 할 때까지 코드를 나누고 정복해야 할 것입니다. 그래도 도움을 주셔서 감사합니다. –