#jquery #jquery-mobile #image-gallery #photoswipe
#jquery #jquery-mobile #изображение-галерея #photoswipe
Вопрос:
Я пытаюсь использовать photoswipe в jquery mobile. Когда я добавляю изображение в список, это работает нормально, изображение красиво откроется в специальном средстве просмотра изображений.
<ul class="gallery" id="pictures" >
<li class="s1"><a href="images/no_photo.jpg" rel="external"><img src="images.jpeg" alt="Image 001" /></a></li>
</ul>
Но когда я добавляю с помощью jQuery изображение, оно добавляется в список, но не открывается специальным средством просмотра изображений.
Кто-нибудь может мне помочь?
Комментарии:
1. Слишком мало информации. Возможно, вы могли бы добавить также код jQuery и photoswipe Я не знаю photoswipe и как именно это работает. Я попробую ответить на основе предоставленной вами информации.
Ответ №1:
Важными вещами являются фактически загруженные элементы DOM. Когда вы добавляете изображения вручную, они, предположительно, загрузятся в DOM раньше, чем те, которые были добавлены jQuery. Вероятно, вы получаете изображения с помощью photoswipe после внесения изменений в DOM до jQuery, но до внесения изменений в DOM, управляемых jQuery. Убедитесь, что все сделано в правильном порядке.
Комментарии:
1. Каков правильный порядок? Сначала я загружаю <div data-role=»страница» data-add-back-btn=»true» id = «Галерея»> и т.д. и т.п. После этого я добавляю изображение в список <ul class=»gallery» id=»pictures»>
2. Пожалуйста, отправьте свой код. При появлении предупреждения $(«#изображения img»). длина непосредственно перед открытием в программе просмотра изображений включает ли счетчик добавленное изображение?
Ответ №2:
возможно, вы могли бы попробовать data-role=»listview» в списке, а затем выполнить обновление listview после добавления его с помощью jquery. попробуйте