Показать сообщение отдельно
  #17 (permalink)  
Старый 21.01.2016, 10:10
Профессор
Отправить личное сообщение для ureech Посмотреть профиль Найти все сообщения от ureech
 
Регистрация: 11.03.2013
Сообщений: 778

Добавил кнопку для сохранения фона.Теперь работает так:
1.Жмём кнопку "ОК" подгружается страница с картинками html№2
2.Кликаем по картинке появляется фон и кнопка "Save"
3.Кликаем "Save" сохраняется фон и возвращается исходня страница html№1
но есть один баг.Если после возврата на страницу html№1 снова перейти на html№2 и выбрать фон, то обратно по "Save" не возвращает, хотя фон после перезагрузки сохраняется.И после перезагрузки снова один раз срабатывает как надо.
$(function() {
	    $('.ok-a').on('click', function(event) {
	        $('.prof').addClass('hide');
	        $('.load').removeClass('hide');
	        $('.load').load('/users/ok.html');
	    });

	    var url = localStorage.url;
	    url && $('.ok').css('background-image', url);
		
	    $('.load').on('click', '.photo_ok img', function(event) {
	        event.preventDefault();
	        var url = this.getAttribute('src');
	        var url = 'url(' + url + ')';
	        $('.btn').toggleClass('hide');
			
	        var stor = $(function() {
	            $('.btn').on('click', function() {
	                localStorage.url = url;
	                $('.prof,.load,.btn').toggleClass('hide');
	            })
	        })
			
	        if (!this.stor) {
	            $('.ok').css('background-image', url);
	        } else {
	            localStorage.url = url;
	            $('.ok').css('background-image', url);

	        }

	    });
	});
Ответить с цитированием