Estoy usando múltiples temas de ui en una página. Creo un tema personalizado con un alcance css
, digamos #scope
. Yo uso un campo datepicker en el alcance digamos #scope input#datepicker
. el campo datepicker no obtiene los estilos css
del tema ui. Supongo que esto se debe a que se creó dinámicamente fuera de #scope
, ¿cómo puedo modificar esto y cómo puedo lograr que los estilos se definan en el ámbito?jquery datepicker fuera del alcance de css
6
A
Respuesta
4
He resuelto este problema al agregar un envoltorio div en el código.
$(document).ready(function(){
$("#ui-datepicker-div").wrap('<div class="ui-layout-center" />');
});
0
Recuerdo que tuve el mismo problema, compruebe el estilo definido en general como span
, puede solaparse con los estilos ui
.
2
@bkilinc, estás en lo correcto. El calendario de datepicker se anexa a document.body, fuera de su ámbito personalizado.
http://bugs.jqueryui.com/ticket/4591 http://bugs.jqueryui.com/ticket/4306
En una estructura como la siguiente, el calendario está fuera del ámbito de aplicación del recipiente.
<style type="text/css">
.calendarContainer .ui-datepicker {
/* rule intended to affect only .calendarContainer */
}
</style>
...
<body>
<div class="calendarContainer"><input name="date"/></div>
<div class="ui-datepicker"> (generated calendar)</div>
</body>
Cuestiones relacionadas
- 1. jQuery UI: DatePicker ¿SOLO CSS?
- 2. Alcance variable fuera de la función jQuery
- 3. Modificar jquery datepicker CSS con beforeShowDay
- 4. Enum declaró fuera del alcance de clase
- 5. Detecta cuando UITableViewCell queda fuera del alcance
- 6. ¿Cuándo un objeto está "fuera del alcance"?
- 7. cómo llamar 'esto' fuera del alcance de mis objetos?
- 8. getDate con Jquery Datepicker
- 9. ¿Cuál es el alcance del * CSS hack?
- 10. JQuery datepicker no funciona
- 11. Cierre/alcance JavaScript/jQuery
- 12. depuración de java: observe una variable fuera del alcance
- 13. Clonar objetos datepicker [JQuery]
- 14. JQuery datePicker date reset
- 15. Ninject no llama Eliminar objetos cuando está fuera del alcance
- 16. ¿Por qué mis variables no están fuera del alcance?
- 17. jQuery UI Datepicker - Cómo alterar Datepicker HTML
- 18. Finalmente está "fuera del alcance" en un bloque try/catch
- 19. Usando una variable fuera del ciclo while (alcance)
- 20. Alcance variable fuera de las clases
- 21. CSS fuera de control
- 22. jquery datepicker fecha predeterminada
- 23. Problemas con jQuery UI Datepicker
- 24. jQuery DatePicker color de fondo
- 25. jQuery UI datepicker rendimiento
- 26. jQuery datepicker variable minDate
- 27. Jquery datepicker - activación manual
- 28. jQuery datepicker años mostrados
- 29. jQuery datepicker sin entrada
- 30. JQuery: delegado y datepicker
Solo para aclarar el "ui-layout-center" es su clase de CSS personalizada, ¿verdad? Personalmente, trato de evitar usar el mismo prefijo ui que se usa en el resto de la interfaz de usuario de jQuery para evitar posibles colisiones de nombres en futuras versiones. –