解决方法
您可以使用$.mobile.ignoreContentEnabled = true结合使用data-enhancement =“false”来停止jQuery Mobile对伪页面的自动增强:
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0-rc.1/jquery.mobile-1.1.0-rc.1.min.css" /> <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script> <script> $(document).on('mobileinit',function () { $.mobile.ignoreContentEnabled = true; }); </script> <script src="http://code.jquery.com/mobile/1.1.0-rc.1/jquery.mobile-1.1.0-rc.1.min.js"></script> <div data-enhance="false" data-role="page"> ... </div>
您更改ignoreContentEnabled标志的原因是因为搜索父元素的数据属性是cpu密集型,因此默认情况下关闭该元素.
这是一个演示:http://jsfiddle.net/ZtJyL/1/