sparkline - ¿Funciona jquery en el safari del iphone?
sparklines js (3)
Estoy trabajando en un sitio web donde utilizo el complemento slimbox2 (similar a lightbox) para jquery para generar ampliaciones de fotos.
El complemento funciona en todos los navegadores que he probado, excepto Safari en el iPhone. Funciona como se esperaba en Safari para Windows, pero en el iPhone hay dos problemas:
- El oscurecimiento del resto de la página solo ocurre en la parte superior de la página, alrededor de la altura de la ventana (digamos los 400px superiores de la página), todo lo que sigue debajo permanece como está.
- La imagen más grande en sí misma se coloca exactamente en el medio de la página, no en el medio de la ventana gráfica.
He leído en alguna parte aquí en SO que se supone que jquery funciona bien en el iPhone, pero como el posicionamiento y el desvanecimiento parecen ser funcionalidades básicas de jquery, estoy pensando que quizás eso no sea del todo cierto. Por supuesto, también podría ser el complemento ...
Entonces mi pregunta es: ¿Jquery realmente está trabajando en el iPhone, y si no, alguien sabe cómo hacerlo funcionar?
¡Muchas gracias!
El desbordamiento de pila funciona en el iPhone, según Jeff en uno de los primeros podcasts, y el desbordamiento de la pila utiliza jQuery, por lo que sería sí, jQuery funciona en el iPhone.
Podría ser un error en Safari. Pruébalo en una máquina de manzanas y mira si funciona allí también.
jQuery funciona bien en el iPhone. Mobile Safari es el mismo navegador basado en estándares que el escritorio. En realidad, mejor, en términos de adopción de reglas CSS. JavaScript de cualquier tipo funciona bien, siempre y cuando se ajuste a las diferencias de UI del iPhone (sin mouseover, por ejemplo).
Creo que la pregunta está mejor redactada como "¿Slimbox2 funciona con Mobile Safari?"
Sé que esto tiene más de un año y medio, pero aquí va por si esto ayuda a alguien más:
Supongo que es probable que se trate de un problema con la position:fixed uso de tu complemento position:fixed tanto para crear la superposición (el "oscurecimiento de la página" que mencionaste) como para el contenedor de la imagen más grande. Una búsqueda web de posición: ¡arreglado en Mobile Safari le dará muchas lecturas adicionales sobre este tema!
Parece que debido a que Mobile Safari considera que la "ventana gráfica" es la página completa en lugar de solo la parte visible, la posición: fija tiende a no funcionar como nos gustaría esperar. Estoy teniendo el mismo problema con otro complemento jQuery que crea una ventana "modal" para mí, con síntomas muy similares a los que describió.
Actualmente estoy tratando de evitar esto mediante (A) posición de eliminación: fija y cambia a posición: absoluta, mientras (B) establece alturas y "arriba" manualmente en función de la altura total del cuerpo y la propiedad jquery "scrollTop" de la ventana. Creo que un buen hojeador de navegador viejo puede ser útil aquí, ya que este "truco" solo es realmente necesario para este navegador hasta ahora.