Javascript Textinput在JQuery Mobile中浮动

Javascript Textinput在JQuery Mobile中浮动,javascript,android,jquery,Javascript,Android,Jquery,我正在使用jquerymobile进行UI设计。我的问题是Jquery Mobile中的textinput四处浮动。 让我告诉你我的意思 这是我的屏幕 现在选择4是和EditText(Android)/Textinput(Jquery),我在上面键入Hello 现在,如果我尝试滚动屏幕,我可以看到输入文本在屏幕上浮动 但是如果文本输入失去了焦点,那么它就没问题了 但当您再次选择文本输入时,问题再次出现 有人能告诉我这个问题的解决方案吗我只需要添加这段代码,从而在“mobileinit”

我正在使用jquerymobile进行UI设计。我的问题是Jquery Mobile中的textinput四处浮动。 让我告诉你我的意思

这是我的屏幕

现在选择4是和EditText(Android)/Textinput(Jquery),我在上面键入
Hello

现在,如果我尝试滚动屏幕,我可以看到输入文本在屏幕上浮动

但是如果文本输入失去了焦点,那么它就没问题了

但当您再次选择文本输入时,问题再次出现


有人能告诉我这个问题的解决方案吗

我只需要添加这段代码,从而在“mobileinit”事件中禁用转换

$.mobile.defaultPageTransition = 'none';
$.mobile.defaultDialogTransition = 'none';
$.mobile.transitionFallbacks.slideout = 'none';
像这样

<script src="js/cordova.js"></script>
<script src="js/jquery.js"></script>
<script>
    $(document).bind("mobileinit", function(){
       if (navigator.userAgent.indexOf("Android") != -1)
       {
         $.mobile.defaultPageTransition = 'none';
         $.mobile.defaultDialogTransition = 'none';
         $.mobile.transitionFallbacks.slideout = 'none';
       }
    });
</script>
<script src="js/jquery.mobile-1.4.2.min.js"></script>  
<link href="css/jquery.mobile-1.4.2.min.css" rel="stylesheet">

$(document).bind(“mobileinit”,function(){
if(navigator.userAgent.indexOf(“Android”)!=-1)
{
$.mobile.defaultPageTransition='none';
$.mobile.defaultDialogTransition='none';
$.mobile.transitionFallbacks.slideout='none';
}
});
注意:此代码必须在包含jQuery核心之后和包含jQuery Mobile之前运行。