Jon*_*put 5 jquery html5 css3 jquery-mobile
我最初有这样的div元素..
<body>
<canvas id="pageflip-canvas"></canvas>
<div id="pages">
<section>
</section>
</div>
<script type="text/javascript" src="index.js"></script>
</body>
但是当我使用JQuery-Mobile运行它就变成了这样
<body class="ui-mobile-viewport ui-overlay-c">
<div data-role="page" data-url="/C:/AppServ/www/guiBook2/index.html"
tabindex="0" class="ui-page ui-body-c ui-page-active" style="min-height: 681px;">
<canvas id="pageflip-canvas" width="1366" height="681"></canvas>
<div id="pages">
<section style="z-index: 1;">
</section>
</div>
<script type="text/javascript" src="index.js"></script>
</div><div class="ui-loader ui-corner-all ui-body-a ui-loader-default"><span class="ui-icon ui-icon-loading"></span><h1>loading</h1></div></body>
如何防止它创建这些DIV我可以使用class css
但额外的div使内容宽度发生变化.
预先感谢
这是不可能做到的.如果jQuery Mobile使用它将接管Web应用程序.这是可以预料的,因为jQuery Mobile它不是一个经典的框架.因为一切都是通过ajax完成的,所以每个内容都必须DIV用attribut 包装data-role="page".如果这DIV不存在,就像在这个问题中一样,它将自动创建,并且无法阻止.
有几种方法可以防止内容被设置样式,但没有任何东西可以阻止内容被包装.jQuery Mobile CSSdata-role="page" DIV
如果您想了解有关这些方法的更多信息,请查看我的文章,要透明,这是我的个人博客.或者在这里找到它.所有内容都在以下章节中描述:标记增强预防方法.
还需要底部DIV-s,因为它们也用于指示页面/内容加载,基本上它是必需的jQuery Mobile组件.但如果AJAX关闭它可以删除.但是,什么是点jQuery Mobile如果AJAX被关闭.
还有最后一件事要考虑,如果只需要一些jQuery Mobile功能,那么就可以重建框架,因此它只能包含所需的功能.这个链接可以在这里找到,不要忘记选择所需的jQuery Mobile版本.