，以免jQuery-Mobile附加div元素自動

我有div元素原來是這樣..，以免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的移動來看，它變成了這個樣子

<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使內容寬度發生變化。

感謝提前

來源

2013-06-20 Jongz Puangput

what ever you place inside this jquery will not touch this

– Nirus

您無法控制此操作，因爲JQM通過Ajax將其轉換爲頁面以變爲可訪問。你可以用'data-role = content'包裝你的畫布，並調整你的畫布CSS。 – Omar

這是不能做到的。如果使用jQuery Mobile它將接管網絡應用程序。這是可以預料的，因爲jQuery Mobile不是一個經典的框架。因爲一切都是通過ajax完成的，所以每一個內容都必須包裝成DIV with attribut data-role="page"。如果這個DIV不存在就像這個問題，它會自動創建，它不能被阻止。

有幾種方法，以防止內容被鋪有jQuery MobileCSS但沒有什麼可以阻止內容被包裹成data-role="page"DIV。

如果你想了解更多關於這些方法，請看看我的ARTICLE，要透明，這是我的個人博客。或找到它HERE。在所謂的章節中描述了一切：預防標記增強的方法。

底部DIV-s也是需要的，因爲它們也用於指示頁面/內容加載，基本上它是一個必需的jQuery Mobile組件。但是如果AJAX關閉，它可以被刪除。但是什麼是jQuery Mobile如果AJAX被關閉。

還有最後一件要考慮的事情，如果只需要一些jQuery Mobile功能，那麼重建框架是可能的，所以它只能包含所需的功能。此鏈接可以找到HERE，別忘了選擇需要的jQuery Mobile版本。

來源

2013-06-20 07:58:21 Gajotres

+1鏈接到jQuery手機下載構建器。 –

，以免jQuery-Mobile附加div元素自動

回答

相關問題