Comment faire pour utiliser jQuery thèmes de style de votre site
J'ai essayé de configurer un exemple très simple à l'aide de jQuery thèmes. Je n'ai pas été en mesure de l'obtenir pour fonctionner. Je veux utiliser les mêmes thèmes, pour format de certains liens et boutons afin qu'ils se fondent quand je apporter des boîtes de dialogue et autres. Jusqu'à présent j'ai cet exemple très simple qui ne rend pas correctement:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<link rel="stylesheet" href="css/base/ui.base.css" type="text/css" media="all">
<link rel="stylesheet" href="css/sunny/jquery-ui-1.7.2.custom.css" type="text/css" media="all">
<title>jQuery Themes</title>
</head>
<body>
<button type="button" class="ui-state-default ui-corner-all"><span class="ui-icon ui-icon-check"></span>Submit</button>
<a href="#" class="ui-state-default ui-corner-all"><span class="ui-icon ui-icon-check"></span>Submit</a>
</body>
</html>
Je suis en utilisant le sunny thème et le rendu produit des polices différentes pour le bouton et le lien. Un supplément de ligne verticale indique à la droite du bouton et l'icône sur le lien ne même pas montrer à l'intérieur de la boîte. Ne sais pas ce que je suis absent.
Hover changements qui apparaissent généralement sur les boutons ne fonctionnent pas non plus.
OriginalL'auteur Ricardo Marimon | 2010-02-20
Vous devez vous connecter pour publier un commentaire.
Obtenir des boutons et des liens de style de la même manière sur les différentes plates-formes est difficile, voire impossible, sauf si vous êtes prêt à vivre avec "proche, mais pas tout à fait." Ma stratégie est d'utiliser javascript pour remplacer les boutons avec des liens pour effectuer l'action de bouton via javascript, en plus d'être "proche, mais pas tout à fait" avec les CSS. Découvrez ce l'article du Filament de Groupe pour des idées sur la façon de le faire avec jQuery. Une fois que vous avez "presque, mais pas tout à fait" fait dans les navigateurs autant que possible, puis ajouter le javascript pour remplacer les boutons avec des liens et d'obtenir complètement uniforme de style pour les personnes qui ont javascript activé.
Je n'ai pas eu la chance d'aller sur l'INTERFACE utilisateur de jQuery 1.8 (encore). Je pense qu'ils se basent beaucoup de ce qu'ils ont fait sur le Filament du Groupe de travail.
OriginalL'auteur tvanfosson
essayer de le fixer
comme pour le décollage, vous devez appliquer passez manuellement,
OriginalL'auteur Bruce Aldridge
Pour info, si vous avez un thème personnalisé, vous n'avez pas besoin d'inclure la base.css ou n'importe quel widget fichiers js.
Vous avez seulement besoin de ces trois lignes:
Pas sûr de ce qui pourrait arriver si vous inclus de base avec un thème sur le dessus.
OriginalL'auteur kenyee