Estoy usando el selector de fechas desde aquí: https://jqueryui.com/datepicker/

He hecho clic en ver código fuente allí, a continuación, copiar el código.

El tres por debajo de las líneas:

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
  <script src="//code.jquery.com/jquery-1.10.2.js"></script>
  <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>

He copiado el scripts/css y guardado localmente,
Luego he descargado la suavidad de la plantilla, descomprimido, poner las imágenes en /imágenes en mi servidor, pero las flechas de las imágenes no se muestran, así es como se ve:
http://postimg.org/image/bcnvipy61/

He copiado las imágenes en el lugar equivocado o algo? (No soy buena con CSS)

EDICIÓN (después de leer el siguiente comentario:

<link rel="stylesheet" href="css/jquery-ui.css">
    <script src="js/jquery-1.10.2.js"></script>
    <script src="js/jquery-ui.js"></script>

así que las rutas de acceso son:

css/
js/
images/
  • ¿Incluye JS de la Biblioteca??
  • Si has descargado el tema de jqueryui, usted debe poner el jquery-ui.css en el css de la carpeta (en el caso de utilizar de esa manera) y, a continuación, en el archivo css, puede cambiar el directorio con ../images/image.png en caso de que usted tiene el css folder y un image folder
  • <script src=»ajax.googleapis.com/ajax/libs/jquery/1.11.1/…>
  • He hecho una edición anterior a mostrar cómo llamar a la hoja de estilo y javascript
  • Bien, a continuación, en su jquery-ui.css debe cambiar el images/ camino se puede encontrar en el archivo y cambiar ../images/. Se debe trabajar de esa manera. Por supuesto, usted debe tener todo el jqueryui imágenes en la images carpeta
InformationsquelleAutor Ryan | 2015-04-04

1 Comentario

  1. 8

    Esta sección de jquery-ui.archivo css controla todos los iconos:

    .ui-widget-content .ui-icon {
        background-image: url("images/ui-icons_222222_256x240.png");
    }
    .ui-widget-header .ui-icon {
        background-image: url("images/ui-icons_222222_256x240.png");
    }
    .ui-state-default .ui-icon {
        background-image: url("images/ui-icons_888888_256x240.png");
    }
    .ui-state-hover .ui-icon,
    .ui-state-focus .ui-icon {
        background-image: url("images/ui-icons_454545_256x240.png");
    }
    .ui-state-active .ui-icon {
        background-image: url("images/ui-icons_454545_256x240.png");
    }
    .ui-state-highlight .ui-icon {
        background-image: url("images/ui-icons_2e83ff_256x240.png");
    }
    .ui-state-error .ui-icon,
    .ui-state-error-text .ui-icon {
        background-image: url("images/ui-icons_cd0a0a_256x240.png");
    }

    Utiliza la interfaz de usuario icono de imágenes como fondo y cambia el fondo de la posición.

    E. g.:

    .ui-icon-arrow-1-e { background-position: -32px -32px; }

    para encontrar el icono de la derecha.

    El punto es el de la ruta de acceso en la primera sección es relativo por lo que si usted css vive en el directorio de imágenes de arriba funciona muy bien.

    E. g. Hacer algo como esto:

    <link rel="stylesheet" href="jquery-ui.css">
    <script src="jquery-1.10.2.js"></script>
    <script src="jquery-ui.js"></script>

    pero si quieres vivir en un directorio css en un hermano de directorio o en otro lugar usted tiene que proporcionar una absoluta enlaces a las imágenes en el sitio, o saltar hacia arriba lo suficiente directorios para indicar donde encontrar que el directorio de la imagen. Así que cambie el jquery-ui.archivo css de manera apropiada para que coincida con lo que usted desea hacer.

    E. g. cambiar a:

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

    o:

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

    Lo siento, probablemente demasiado extraños info que hay, pero yo estaba en un rollo…

    • Hey! Gracias por la información, mejor más que menos en la mayoría de los casos 🙂 pero es que me confunde más aquí, especialmente en esta parte The point is the the path in the first section is relative so if you css lives in the directory above images it works great. ¿eso significa que usted quiere que yo me mueva /css /images/css ?
    • No, en realidad, dejar las cosas donde están, y editar el archivo css para que apunte a la ruta correcta, ya sea como un absoluto: /images/ui-icons_222222_256x240.png – ahora no importa donde el css de la vida siempre se verá en la raíz del sitio y, a continuación, descienden al directorio de imágenes para encontrar las imágenes; o relativa ../images/ui-icons_222222_256x240.png – si el css vive en un /css directorio sube un directorio (..) entonces decends en el directorio de imágenes. O acabar con el css directorio y poner el archivo css en la raíz (que parece que va a causar organizacional dolor de cabeza más adelante)
    • He cambiado la ubicación de mis imágenes, fuera de la imagen predeterminada de la carpeta y la vinculación a su nueva ubicación no estaba funcionando. He intentado la solución. La adición de la «../» para cualquier ruta de acceso resuelto mi problema. Esperemos que esto ayuda a los demás.

Dejar respuesta

Please enter your comment!
Please enter your name here