防止JQuery-Mobile自动添加div元素

我最初有这样的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完成的,所以每个内容都必须用attribut data-role =“page”包装到DIV中.如果这个DIV不像这个问题那样存在,它将自动创建并且无法阻止.

有几种方法可以阻止使用jQuery Mobile CSS设置样式,但没有什么可以阻止内容被包装到data-role =“page”DIV中.

如果您想了解有关这些方法的更多信息,请查看我的ARTICLE,透明它是我的个人博客.或者找到它HERE.所有内容都在章节中描述：标记增强预防方法.

还需要底部DIV-s,因为它们也用于指示页面/内容加载,基本上它是必需的jQuery Mobile组件.但如果关闭AJAX,它可以被删除.但是如果关闭AJAX,jQuery Mobile的重点是什么呢？

还有最后一件事要考虑,如果只需要一些jQuery Mobile功能,那么就可以重建框架,因此它只能包含所需的功能.这个链接可以在HERE找到,别忘了选择所需的jQuery Mobile版本.

防止JQuery-Mobile自动添加div元素

解决方法

相关文章