D’abord laissez-moi vous dire ce que j’ai fait Le document prêt (ou sa version anonyme) ne doit pas être utilisé avec jQuery Mobile car il ne se déclenchera pas correctement lors de l’initialisation de la page. D’habitude ce n’est pas un problème mais le voici.
Parce que vous en avez besoin pour initialiser à l’intérieur d’une certaine page, j’ai retiré le document et je l’ai remplacé par un événement de page correct. J’ai également enveloppé votre code dans les balises HTML et BODY, je ne peux pas faire fonctionner les événements de page dans jsFiddle sans cela.
Un autre changement, parce que pageshow se déclenche chaque fois que la page est revisitée, j’ai utilisé pour vérifier si swiper a déjà appliqué son code. Je ne pouvais pas utiliser d’autres événements de page car swiper avait besoin d’une largeur et d’une hauteur de page correctes et ces informations ne pouvaient être calculées avec succès que lors de l’événement pageshow.
Your dreams come true:) That is a simple single scrollable area! No slides, no nothing, just pure area!
Here goes some text
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam dictum ipsum auctor nulla consectetur sed porta nunc placerat.
Nulla dui augue, sollicitudin egestas consequat a, consequat quis neque. Sed at mauris nunc. Donec rutrum leo id risus congue convallis. Maecenas ulsortingces condimentum velit, nec tincidunt lorem convallis consequat. Nulla elementum consequat quam eu euismod
Here goes wide image
You can make it any width/height, horizontal (like this one) or vertical, with any styling and with any HTML content!
Une solution beaucoup plus simple qui a fonctionné pour moi consistait à créer une page div JQuery Mobile minimale, contenant à l’intérieur une iframe simple menant vers une page de curseur complexe à l’aide de src = “”. Ainsi, le curseur DOM est séparé de votre application principale et fonctionne également dans les boîtes de dialog JQM, etc.