Question

我开发了带有phonegap eclipse的jqm应用程序。当我点击一个文本字段并想要键入时，页脚会移动到我已经点击的文本文件的底部。我想要实现的是当我点击任何文本文件

时，页脚仍保留在哪里

</div>
  <div id="index_footer3" data-position="fixed" data-tap-toggle="false" data-role="footer" data-theme="a">
    <div data-role="navbar">
      <ul>
        <li><a href="#register" data-transition="slide" data-icon="register" data-inline="true" data-role="button">New account</a></li>
        <li><a  href="#fpassword" data-transition="slide"  data-icon="fpassword" data-inline="true" data-role="button">Forgot Password?</a></li>
</ul>
</div>

Answer 1

创建页脚类并添加 div index_footer3 或者您也可以使用 index_footer3 ID而不是类页脚

$("input").on("focus", function(event){
    if(event.handled !== true)
    {
        $(".ui-header-fixed, .ui-footer-fixed").css({ 'position': 'absolute' });
        $(".footer").removeClass('out slideup');
        $(".footer").css('display', 'none');
        $(".footer").hide();
    }
    return false;
});

$("input").on("blur", function(event){
   if(event.handled !== true)
   {        
       if(!$("input").is(":focus")){
           $(".ui-header-fixed, .ui-footer-fixed").css({ 'position': 'fixed' })
           $(".footer").css('display', 'block');
           $(".footer").show();
       }
   }
   return false;
});

键入时页脚会向上移动

1 个答案: