弹出窗口无法在移动设备中正常显示

Question

我正在使用jquery mobile 1.4.2 我正在尝试在我的页面中动态创建弹出窗口。它在计算机上工作正常，但如果我在移动设备中打开同一页面，它会显示一秒钟并且它会关闭。 这是我的代码

HTML

<button id="yo1">Click</button>

jquery的

$(document).on('vclick','#yo1',function(){
var message = '<input name="im_user" type="text" class="valores" id="im_user"/><input name="im_password" type="password" class="valores" id="im_password" /><input name="inputAds" type="submit" id="inputAds" value="Ingresar" />',
   popupafterclose = '';
   runtimePopup(message, popupafterclose)


   });
 function runtimePopup(message, popupafterclose) {
  var template = "<div data-role='popup' class='ui-content messagePopup'>" 
  + "<a href='#' data-role='button' data-theme='g' data-icon='delete' data-iconpos='notext' " 
  + " class='ui-btn-right closePopup'>Close</a> <span> " 
  + message + " </span> </div>";

      popupafterclose = popupafterclose ? popupafterclose : function () {};

      $.mobile.activePage.append(template).trigger("create");

     $.mobile.activePage.find(".closePopup").bind("tap", function (e) {
     $.mobile.activePage.find(".messagePopup").popup("close");
     });

    $.mobile.activePage.find(".messagePopup").popup().popup("open").bind({
          popupafterclose: function () {
             $(this).unbind("popupafterclose").remove();
          popupafterclose();
         }
          });
         }

链接到jsfiddle demo。它不能只在手机上正常显示。在电脑上工作正常。

Answer 1

尝试在创建

后添加刷新

$.mobile.activePage.find(".messagePopup").popup("refresh");

创建弹出窗口后。