2013-06-20 12 views
5

ho div elemento originariamente come questo ..Prevenire JQuery-Mobile aggiungere div elemento automaticamente

<body> 
    <canvas id="pageflip-canvas"></canvas> 
    <div id="pages"> 
     <section> 

     </section> 
    </div> 
<script type="text/javascript" src="index.js"></script> 
</body> 

ma quando ho eseguito con JQuery-Mobile diventa come questo

<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> 

come prevenirla crea questi DIV sto bene con la classe css

ma il div aggiuntivo fa cambiare la larghezza del contenuto.

Grazie In anticipo

+0

what ever you place inside this jquery will not touch this
Nirus

+0

Non è possibile controllare questo perché JQM lo converte in una pagina tramite Ajax, per diventare accessibile. Puoi avvolgere la tela con 'data-role = content' e modificare il tuo canvas CSS. – Omar

risposta

5

Questo non può essere fatto. Se viene utilizzato jQuery Mobile, esso prenderà il controllo dell'applicazione web. Questo è normale perché jQuery Mobile non è un framework classico. Poiché tutto viene eseguito tramite ajax, ogni contenuto DEVE essere inserito in DIV con un attributo data-role="page". Se questo DIV non esiste come in questa domanda, verrà creato automaticamente e non potrà essere impedito.

Sono disponibili diversi metodi che impediscono contenuti stata abbinata a jQuery MobileCSS ma nulla può impedire che il contenuto è avvolto in data-role="page"DIV.

Se volete saperne di più su questi metodi, date un'occhiata al mio ARTICLE, per essere trasparenti è il mio blog personale. O lo trovi HERE. Tutto è descritto nel capitolo chiamato: Metodi di prevenzione miglioramento markup.

I DIV-bottom sono necessari anche perché sono utilizzati anche per indicare caricamento pagina/contenuto, in pratica si tratta di un componente jQuery Mobile necessario. Ma può essere rimosso se AJAX è disattivato. Ma qual è il punto di jQuery Mobile se AJAX è disattivato.

C'è un'ultima cosa da considerare, se sono necessarie solo alcune funzionalità di jQuery Mobile, allora è possibile ricostruire il framework in modo che possa includere solo le funzionalità necessarie. Questo collegamento può essere trovato HERE, non dimenticare di selezionare la versione jQuery Mobile necessaria.

+0

+1 per il collegamento al generatore di download mobile jQuery. –

Problemi correlati