JQuery UI Éléments de l'Image ne le montre

Je suis en utilisant un DatePicker de JQuery élément sur mon site. Mais, je ne suis pas en mesure de voir les petites flèches qui sont représentés à la fois les côtés du mois sur le dessus. La région est cliquable & je peux parcourir le mois en cliquant sur la zone. Mais sa fait vide & pas de flèches vu.

Par exemple: "< "juillet 2013" >'

J'ai rencontrée un problème similaire dans le bouton de fermeture de JQuery Contrôle de boîte de Dialogue. Ici, le bouton de fermeture de l'image, quelque chose comme --> 'X', de ne pas apparaître dans le coin supérieur droit. Mais en cliquant sur la zone de ferme la boîte de dialogue.

<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
    <link rel="stylesheet" href="styles/jquery-ui.css" /> 
    <script language="javascript" type="text/javascript" src="js/jquery.js" ></script> 
    <script language="javascript" type="text/javascript" src="js/jquery-ui.js"></script> 
</head>

C'est la façon dont la séquence du fichier inclus est. Ci-dessous est le lien qui je fais allusion. J'ai utilisé le fichier css posté sur ce lien pour le téléchargement.

http://jqueryui.com/datepicker/#default

S'il vous plaît aider.

Avez-vous vérifier le chemin d'accès à votre sprite dans le fichier CSS?
Avez-vous inclus le fichier css?
J'ai inclus le fichier css. J'ai aussi vérifié le même. Mais je ne suis pas en mesure de le localiser. J'ai cherché pour tous "datepicker" de chaînes de caractères, mais il n'y a rien qui dit que sur le chemin.
La réponse à votre question se trouve dans le chemin d'accès à votre fichier CSS et/ou le chemin d'accès au fichier de l'INTERFACE utilisateur de jQuery image sprite. Le fichier (code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css) a des lignes comme background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; lequel vous devez vérifier.
J'ai cherché pour le gif, png & jpg en CSS. Ils disent au sujet de widget-content, widget-d'en-tête, .ui-widget-d'en-tête .ui-state-focus, etc. Mais comment puis-je savoir quel chemin pour changer comme il devrait y avoir deux images, l'une pour la flèche de droite & l'autre à gauche de la flèche. Je ne suis pas très familier avec CSS & j'apprécie vraiment votre aide.

OriginalL'auteur Crash OR | 2013-07-03

  1. 7

    Le problème semble être l'emplacement des fichiers d'image par rapport au fichier CSS. L'INTERFACE utilisateur de jQuery CSS les feuilles de référence différents fichiers image utilisés dans l'INTERFACE utilisateur. Vous devez conserver tous les fichiers dans le répertoire CSS de référence et à partir de là. Bien que j'ai trouvé que vous pouvez déplacer ces CSS dossiers si nécessaire. Voici un site que je suis en utilisant des multiples de jQuery UI thèmes.

    Mon inscription à l'annuaire:

    JQuery UI Éléments de l'Image ne le montre

    Et voici les références de mon code:

    JQuery UI Éléments de l'Image ne le montre

    Je code en ASP.NET donc, juste ignorer le contenu de marque de balises.

    *GARDEZ AUSSI À L'ESPRIT...
    Chaque dossier du thème que vous voyez dans ma liste de répertoire (par exemple, "dark-thème") est un sous-dossier créé dans le "CSS" dossier lorsque vous utilisez jQuery Personnalisé Themeroller. Si vous utilisez un défaut bibliothèque jQuery, je crois que le dossier d'images et la CSS de fichiers sont situés directement dans le "CSS" du dossier.**

    BONUS INFO:
    Lors de l'utilisation de jQuery Themeroller, ils vous permettent d'utiliser plusieurs thèmes à l'aide de leurs "CSS champ" tag. Vous pouvez utiliser cette fonction en tapant un nom de la classe souhaitée dans la zone de texte fournie (classes doivent être préfixées par des périodes comme un sélecteur jQuery). Si vous utilisez plusieurs thèmes, il vous suffit d'appeler le jQuery, une fois, puis de référence de chacun est nécessaire fichier CSS. C'est ce que j'ai fait dans mon exemple, et c'est pourquoi il peut sembler légèrement plus complexe que la vôtre lorsque vous avez terminé.

    OriginalL'auteur Lopsided

  2. 5

    Merci les Gars pour votre aide, je l'ai trouvé!!! 

    .ui-widget-header .ui-icon { 
     background-image: url(images/ui-icons_222222_256x240.png);
 }

    C'est le chemin de l'image que l'objet. Le fichier est le même que code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css.

    Je suis vraiment heureux pour toute l'aide. Merci encore, @j08691 , @Tim B James, @John ツ, @Déséquilibré!! 🙂

    OriginalL'auteur Crash OR