Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) jQuery Js не срабатывает с первого раза?

Js не срабатывает с первого раза?


     24.12.2016    jQuery    137

вопрос
Всем привет. Не могу побороть глюк js спасите помогите!!!!
У меня короткая новость выводится таким образом
 <div id="pictures" class="pictures">
[image-1]<a href="{imagelarge-1}" onclick="return hs.expand(this)"><img src="{image-1}" alt="{title}" title="{title}"></a>[/image-1]
[image-2]<a href="{imagelarge-2}" onclick="return hs.expand(this)"><img src="{image-2}" alt="{title}" title="{title}"></a>[/image-2]
[image-3]<a href="{imagelarge-3}" onclick="return hs.expand(this)"><img src="{image-3}" alt="{title}" title="{title}"></a>[/image-3]
[image-4]<a href="{imagelarge-4}" onclick="return hs.expand(this)"><img src="{image-4}" alt="{title}" title="{title}"></a>[/image-4]
[image-5]<a href="{imagelarge-5}" onclick="return hs.expand(this)"><img src="{image-5}" alt="{title}" title="{title}"></a>[/image-5]
[image-6]<a href="{imagelarge-6}" onclick="return hs.expand(this)"><img src="{image-6}" alt="{title}" title="{title}"></a>[/image-6]
[image-7]<a href="{imagelarge-7}" onclick="return hs.expand(this)"><img src="{image-7}" alt="{title}" title="{title}"></a>[/image-7]
[image-8]<a href="{imagelarge-8}" onclick="return hs.expand(this)"><img src="{image-8}" alt="{title}" title="{title}"></a>[/image-8]
[image-9]<a href="{imagelarge-9}" onclick="return hs.expand(this)"><img src="{image-9}" alt="{title}" title="{title}"></a>[/image-9]
[image-10]<a href="{imagelarge-10}" onclick="return hs.expand(this)"><img src="{image-10}" alt="{title}" title="{title}"></a>[/image-10]			
[image-11]<a href="{imagelarge-11}" onclick="return hs.expand(this)"><img src="{image-11}" alt="{title}" title="{title}"></a>[/image-11]
[image-12]<a href="{imagelarge-12}" onclick="return hs.expand(this)"><img src="{image-12}" alt="{title}" title="{title}"></a>[/image-12]
                </div>
<script type="text/javascript">	
		//For blocks or images of size, you can use $(document).ready
		$(document).ready(function() {
			$('.pictures').jMosaic({items_type: "a", margin: 2});
			$('.pictures').jMosaic({min_row_height: 150, margin: 2, is_first_big: true});
		});
		//If this image without attribute WIDTH or HEIGH, you can use $(window).load
		$(window).load(function() {
            $('.pictures').jMosaic({min_row_height: 150, margin: 2, is_first_big: true});
        });
		//You can update on $(window).resize
		$(window).resize(function() {
			$('.pictures').jMosaic({min_row_height: 150, margin: 2, is_first_big: true});
			$('.pictures').jMosaic({items_type: "a", margin: 2});
		});	
</script>

Этот js отвечает за вывод картинок сеткой типа как вк.
Так вот он не выставляет картинки сеткой при первой загрузке страницы. А если обновить страницу то всё становится как надо. Тоесть каждый день или после очистки кеша браузера когда захожу на странцу вижу это
Js не срабатывает с первого раза?

а должно быть это
Js не срабатывает с первого раза?

тоесть он ещё и не все картинки показывает. Как быть куда копать?
Вот сам js

И css

Ответа пока нет


Комментарии пользователей (11)

stopani
2

121 | 21

stopani - 25 декабря 2016 13:31 - Юзер

Может jquery в конце подключен? Попробуй в head поставить.

vitnet
218

2210 | 945

vitnet - 25 декабря 2016 14:31 - Эксперт


Откройте исходник и посмотрите подключение, результат на DLE 11.1

Алексей Сергеевич
15

Алексей Сергеевич - 25 декабря 2016 16:37 - Юзер

Это он и есть оттуда и брал скрипт, но если делать как описано там то скрипт сьедает ссылки. Тоесть картинки перестают быть кликабельными.

Алексей Сергеевич
15

Алексей Сергеевич - 25 декабря 2016 16:38 - Юзер

stopani, jquery подключен штатно туда я не лез

Алексей Сергеевич
15

Алексей Сергеевич - 25 декабря 2016 17:09 - Юзер

Возможно как то сделать проверку на полную загрузку изображений и только после этого включать js?

nowheremany
193

1676 | 1298

nowheremany - 26 декабря 2016 09:24 - Эксперт

$('.pictures img').load(function(){ $(window).resize()})

Благодарность принимаю тут Связь

Алексей Сергеевич
15

Алексей Сергеевич - 26 декабря 2016 12:45 - Юзер

nowheremany, ещё бы знать как это использовать

Алексей Сергеевич
15

Алексей Сергеевич - 27 декабря 2016 17:43 - Юзер

Друзья выручайте советом уж больно нравится мне эта мозайка:)

Алексей Сергеевич
15

Алексей Сергеевич - 27 декабря 2016 17:46 - Юзер

nowheremany, спасибо дошло и вроде как работает) просто прописал Ваш код в начале своего. Огромное спасибо!

Алексей Сергеевич
15

Алексей Сергеевич - 27 декабря 2016 17:51 - Юзер

Ошибочка всё таки дурит код но реже. Как быть, что делать?

Алексей Сергеевич
15

Алексей Сергеевич - 1 января 2017 18:55 - Юзер

Разобрался всем спасибо:)

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

 25.09.2014 ufh2  jQuery