jquery mobile css personnalisé?

salut, je viens de terminé la conception d'une application web mobile et vous souhaitez le début du processus de développement. J'ai lu qu'il est très dur pour utiliser les css avec JQuery Mobile et par conséquent, la conception que je viens de terminé ne peut pas être utilisé avec un tel cadre.

Est-il une solution ou peut-être un autre cadre qui prend en charge les fonctions de JQM, mais en même temps permet au développeur de la liberté d'utiliser sa propre conception.

OriginalL'auteur adi bon | 2012-02-20

  1. 2

    Je ne sais pas avez-vous été ont été la lecture de ce son dur pour utiliser les css avec jquery mobile. Ses est conçu pour être facilement personnalisé. Vérifier http://jquerymobile.com/themeroller/

    Si vous êtes intéressé par un contenu personnalisé sur votre site de vérifier cette partie de la documentation: http://jquerymobile.com/demos/1.0.1/docs/content/index.html - par exemple des grilles de mise en page peut vous aider avec votre conception individuelle

    Autre cadre que je peux suggérer, c'est yui http://yuilibrary.com/ (par exemple grille css partie dans la documentation peut également vous aider avec votre design personnalisé)

    Bonne chance!

    Omg, vraiment, facilement personnalisé? Bon, je veux que ma barre de navigation pour avoir 20px plus de rembourrage. bonne chance 'personnalisation'. jQuery mobile n'est PAS facilement personnalisable, et de loin. oui, il est possible de créer des "nuances", mais ceux ne sont pas des thèmes. bonne chance à jouer autour avec des changements de couleurs dans leur "themeroller', vous n'aurez pas à modifier structurels CSS. vous aurez à remplacer leur CSS à la dure si vous avez besoin de grands changements. encore une fois, PAS personnalisable à tous les...
    Je suis d'accord avec vous. Cependant, jusqu'à présent, je n'ai pas trouvé de bonne solution pour gérer sur mesure conceptions. Avez-vous des suggestions ?

    OriginalL'auteur TroodoN-Mike

  2. 2

    Il y a un énorme malentendu à propos de l'utilisation de vos propres styles avec JQM que j'ai trouvé partout, y compris de la SORTE. L'astuce pour l'utilisation de votre propre feuille de style CSS avec JQM est dans la façon dont vous écrivez votre propre feuille de style CSS. En général, vous devez d'abord spécifier l'élément que vous désirez annuler la JQM CSS avec un id, puis fixez le JQM classe à ce code. Par exemple, pour supprimer le JQM lien standard frontière CSS à partir d'une image lien, où #img_button_1 est le numéro d'identification donné à l'ancre parent de l'image, vous devez écrire le code CSS comme si...

    Le HTML...

    <a id="img_button_1" data-role="button" data-theme="none" data-corners="false" data-shadow="false" data-inline="true"
   href="http://www.google.com" target="_blank">
    <img src="http://www.google.com/images/srpr/logo1w.png" alt="Google" />
</a>

    Votre remplacement CSS...

    #img_button_1 .ui-btn-inner { border: 0 }

    J'ai répondu à cette question, avec quelques exemples de travail qui peut être trouvé ici

    Jquery Mobile à l'Aide de l'image comme lien Bleu de la ligne de l'image ci-dessous

    Vous pouvez utiliser la même technique pour résoudre tous vos JQM CSS conflits. Maintenant, vous pouvez revoir l'aide de JQM pour atteindre les résultats que vous souhaitez savoir comment il est simple de résoudre ces conflits en utilisant le CSS specicivity dans votre propre feuille de style CSS. Espérons que cette aide!

    OriginalL'auteur Epiphany

  3. 1

    J'ai moi aussi eu le même problème avec JQM, mais j'ai pris la décision début et sont passés à jQTouch
    en raison de sa simplicité. Bien sûr, il n'offre pas autant de widgets que JQM.

    À la recherche à vos besoins, je vous recommande d'aller pour jQTouch qu'il a un minimum de CSS ( pas aussi volumineux que Sencha Touch ou JQM). Vous devriez être en mesure de rouler votre propre thème en quelques heures.

    OriginalL'auteur Siddaraju

  4. 1

    JQM n'est pas facilement personnalisable voir ici:

    http://forum.jquery.com/topic/use-custom-css-with-jquerymobile

    La façon rapide et sale est d'ajouter un "style" de la balise directement à la div/input/zone de texte, qu'avez-vous. Il remplace la valeur par défaut de jQuery css.

    Ou, si vous modifiez le style de toutes les entrées par exemple, vous pouvez copier le jquery style de classe, et de le coller dans votre css. Cela permettra également de remplacer JQM style, mais notez que cela change tous les cas où cette catégorie est affichée.

    OriginalL'auteur Jet59black

  5. 0

    En fait, j'ai facilement personnalisable jQuery mobile applications dans la conception. Le travail autour de votre style="" après la classe; qui ajuste les scripts avant. Il peut ne pas être traditionnellement propre, mais c'est une solution rapide, jusqu'à ce qu'une meilleure solution soit trouvée.

    Par exemple: 

    <div data-role="header" role="banner" style="background:none; border:none;"> 
    <div class="ui-logo" ></div> 
</div>

    Une excellente alternative que j'ai trouvé est de placer le CSS personnalisé de classe après que tous les autres jQuery ui classes, et de préciser chacune des principales propriétés de la classe "!important". C'est la solution que j'utilise actuellement.

    OriginalL'auteur user763349