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

Question

我原来是这样的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我对类CSS没问题

但附加的div会使内容宽度发生变化。

预先感谢

Answer 1

无法做到这一点。 如果使用jQuery Mobile ，它将接管Web应用程序。 这是可以预期的，因为jQuery Mobile不是经典框架。 因为所有操作都是通过ajax完成的，所以每个内容都必须使用属性data-role="page"包装到DIV 。 如果该DIV不存在，如该问题所示，它将自动创建并且无法阻止。

有几种方法可以防止使用jQuery Mobile CSS内容进行样式设置，但是没有什么方法可以阻止将内容包装到data-role="page" DIV 。

如果您想了解更多有关这些方法的信息，请查看我的ARTICLE ，透明起见 ，这是我的个人博客。 或者在这里找到它。 在名为“ 防止标记增加的方法”一章中描述了所有内容。

还需要底部DIV-，因为它们也用于指示页面/内容加载，基本上，这是必需的jQuery Mobile组件。 但是如果关闭AJAX则可以将其删除。 但是如果关闭AJAX ， jQuery Mobile的意义何在？

还有最后一件事要考虑，如果只需要某些jQuery Mobile功能，则可以重建框架，使其仅包含所需的功能。 您可以在这里找到此链接，不要忘记选择所需的jQuery Mobile版本。