大佬教程收集整理的这篇文章主要介绍了有时持久页脚也会在jquerymobile中的页面转换期间移动,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
<!DOCTYPE html> <html lang="en"> <head> <Meta name="viewport" content="width=device-width; initial-scale=1.0" /> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0b1/jquery.mobile-1.0b1.min.css" /> <script src="http://code.jquery.com/jquery-1.6.1.min.js"></script> <script src="http://code.jquery.com/mobile/1.0b1/jquery.mobile-1.0b1.min.js"></script> <script> $('#home,#page2,#page3').live('pagebeforeshow',function(event){ $('#' + $(this).attr('id') + '_link').addClass('ui-btn-active'); }); </script> </head> <body> <div data-role="page" id="home"> <div data-role="header" data-theme="b"> <h1>Test</h1> </div> <div data-role="content" data-theme="b"> Home Page </div> <div data-role="footer" data-position="fixed" data-id="pFooter"> <div data-role="navbar"> <ul> <li><a href="#home" data-icon="custom" class="ui-btn-active" id="home_link">Home</a></li> <li><a href="#page2" data-icon="grid">Second page</a></li> <li><a href="#page3" data-icon="star">Third page</a></li> </ul> </div> </div> </div> <div data-role="page" id="page2"> <div data-role="header" data-theme="b"> <h1>Test</h1> </div> <div data-role="content" data-theme="b"> Second page </div> <div data-role="footer" data-position="fixed" data-id="pFooter"> <div data-role="navbar"> <ul> <li><a href="#home" data-icon="custom">Home</a></li> <li><a href="#page2" data-icon="grid" class="ui-btn-active" id="page2_link">Second page</a></li> <li><a href="#page3" data-icon="star">Third page</a></li> </ul> </div> </div> </div> <div data-role="page" id="page3"> <div data-role="header" data-theme="b"> <h1>Test</h1> </div> <div data-role="content" data-theme="b"> Third page </div> <div data-role="footer" data-position="fixed" data-id="pFooter"> <div data-role="navbar"> <ul> <li><a href="#home" data-icon="custom">Home</a></li> <li><a href="#page2" data-icon="grid">Second page</a></li> <li><a href="#page3" data-icon="star" class="ui-btn-active" id="page3_link">Third page</a></li> </ul> </div> </div> </div> </body> </html>
我面临的问题是,有时当我更改导航栏的选择时,页脚也会随页面一起向左或向右滑动.您可以通过不断更改导航栏中按钮的选择来重现问题.
你可以在这里看到它 – http://jsfiddle.net/tKMgd/5/
以上是大佬教程为你收集整理的有时持久页脚也会在jquerymobile中的页面转换期间移动全部内容,希望文章能够帮你解决有时持久页脚也会在jquerymobile中的页面转换期间移动所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。