我有一个 jQuery 弹出窗口,它接受用户输入,这可能会导致错误。如果有错误,我想弹出第二个弹出窗口,但我无法正常工作。
这是一个简化的例子,我在 jsfiddle 中也有:http://jsfiddle.net/tz4ju/2/
HTML:
<div data-role="page" id="home">
<div data-role="popup" id="errorDialog" class='ui-corner-none ui-content'>
<p id="errormsg"></p>
</div>
<div data-role="popup" id="addFolderDialog" class='ui-corner-none portalpopup'>
<div data-role='content'>
<p></p>
<div data-role="fieldcontain">
<label for="name">New Folder:</label>
<input type="text" name="name" id="newfolder_val" value="" class="ret_submit" rel="adddir_submit" />
</div>
<div class="clearfix">
<a data-role="button" data-inline="true" data-theme="b" id="adddir_submit" onclick='create_folder_submit()'>Add Folder</a>
<a data-role="button" data-inline="true" data-rel='back'>Cancel</a>
</div>
</div>
</div>
<p><a href="#addFolderDialog" data-rel="popup">Open Popup</a></p>
</div>
JavaScript:
window.create_folder_submit = function () {
$("#addFolderDialog").popup("close");
$("#errormsg").text("ERROR!");
$("#errorDialog").popup("open");
}
顺便说一句,如果我在其他任何地方调用 $("#errorDialog").popup("open")
,它就会起作用。我做错了什么?
最佳答案
根据这个Documentation (see at the page end) jQuery Mobile 中不允许链接弹出窗口。
您可以像下面这样实现链接弹出窗口。
$( document ).on( "pageinit", function() {
$( '.popupParent' ).on({
popupafterclose: function() {
setTimeout( function(){ $( '.popupChild' ).popup( 'open' ) }, 100 );
}
});
});
引用这个 Fiddle Demo
关于javascript - 关闭上一个弹出窗口后,jQuery Mobile 弹出窗口不会打开,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23189886/