2009-01-29 36 views
21

Ok, he rodado mi propio tema, he creado un paquete personalizado de interfaz de usuario jQuery (barra de progreso, selector de fecha, control deslizante) y lo he instalado todo. Parece que (en su mayoría) funciona a excepción de dos cosas:Problemas con jQuery UI Datepicker

  1. Cuando mi página carga por primera vez, el marcador de fecha div es visible; y
  2. El texto "Siguiente" y "Anterior" están visibles en letra grande debajo de mis iconos. Ninguno de los ejemplos parece tener este problema.

ahora (1) Actualmente estoy resolviendo por:

#ui-datepicker-div { display: none; } 

en otro archivo CSS, pero otra vez ninguna de las demostraciones parecen necesitar esto.

¿Qué me estoy perdiendo?

+0

Arranque Firebug, resalte los botones y descubra qué estilos se están asignando. Luego, publícalos aquí, eso debería ayudarnos a depurar tu problema. –

Respuesta

1

Al no conocer nada más acerca de su problema, creo que puede ser que otros CSS en su página estén en conflicto con el selector.

2
  1. asegúrese de que sus archivos javascript estén cargados correctamente, compruebe si faltan archivos o ruta incorrecta.
  2. asegurarse de que el script se ejecute después de que el documento está listo, trate de poner su guión antes y/o dentro de la $ (document) ready() {}
  3. intentar despojar a su propio CSS para ver si hay alguna css conflicto.
  4. publique un código para nosotros aquí. :)
7

Lo arreglé usando # ui-datepicker-div {display: none; }

5

Ok muchas gracias, es bro trabajo, aquí lo que he hecho para resolver: este estilo de escritura para presentar jquery-ui-1.7.1.custom.css (o anye archivo css que ha cargado):

#ui-datepicker-div { display: none; } 

a continuación, actualice la página

+0

Voto ascendente para la redacción "Es trabajo hermano" –

2

tuve un problema similar porque estaba usando la versión incorrecta de la hoja de estilo para la versión de jQuery UI que estaba usando (que había mejorado la interfaz de usuario jQuery sin necesidad de actualizar la hoja de estilo) Si está utilizando jQuery UI 1.8.17, asegúrese de que la hoja de estilo que se utiliza también sea la versión 1.8.17.

+0

Me pregunto por qué esta pregunta fue extraída de la bóveda después de casi 3 años? – Gareth

+0

no sé, pero acabamos de tener el mismo problema aquí – kosii

+0

Esto también acaba de comenzar a sucederme a mí. Lancé mi propio tema con el rodillo de temas y tuve el mismo problema. – davehale23

1

Para mí, el css no estaba incluido (jquery.ui.datepicker.css). Así que vi un div (ui-datepicker-div) en la parte inferior de la página y recibí el siguiente error con FireBug: instActive is undefined.

1

favor cambia de instActive.inline a (typeof (instActive) == 'no definido' || instActive.inline)

en sus jqueryui.js

Para una discusión sobre este goto-> http://code.google.com/p/jquery-datepicker/issues/detail?id=285

0

Como nadie respondió a la segunda parte de la pregunta ...

Añadir las siguientes líneas a dos tu .ui-icon CSS:

text-indent: -99999px; 
overflow: hidden; 

Eso debería arreglar "Anterior" y "Siguiente" apareciendo.