Вопрос по Load()

[ureech]

Здравствуйте.Вот html №1

<div class="ok"></div>
<div class="load hide"></div>
<div class="ok-a">ok</div>
<div class="prof">....</div>

Есть html№2

<div class="photo_ok" align="center">			
                  <a class="" href="" title="">
                       <img src="/images/users/ok/1.jpg" alt="" />
                    </a>
		</div>

               <div class="photo_ok" align="center">			
                  <a class="" href="" title="">
                         <img src="/images/users/ok/2.jpg" alt="" />
                  </a>
		</div>
	       <div class="photo_ok" align="center">	
                  <a class="" href="" title="">		
                        <img src="/images/users/ok/3.jpg" alt="" />
                   </a>
		</div>

Требуется при клике на <div class="ok-a">ok</div>прятоть содержимое
<div class="prof">....</div>, а подгружать html№2.С этим я справился так

$(function(){
$('.ok-a').on('click', function(event){        
$('.prof').addClass('hide')
$('.load').removeClass('hide')
$('.load').load('/users/ok.html')// html№2
})
})

Теперь нужно, что бы при клике по картинке в <div class="ok"></div> устанавливался background состоящий из этой картинке. И возврат к html№1.Делаю так

$(function()
     {
       $('.photo_ok img').on('click', function(event)
         {
           event.preventDefault();
           var url = this.getAttribute('src')
		   $('.ok').css('background-image', url)
		   $('.prof,.load').toggleClass('hide')
		   })
		   })

И не работает.Плиз,хелп.

[рони]

$('.photo_ok img').on('click', function(event)

$('.load').on('click', '.photo_ok img',function(event)

[DynkanMaclaud]

рони,
случаем не знаешь как на нативном подключать html файлы в корневой html?

[рони]

DynkanMaclaud,
не понял о чём вопрос ... может про ajax?https://learn.javascript.ru/ajax-xmlhttprequest#итого

[ureech]

Не хочет background грузиться.

$('.ok-a').on('click', function(event){        
$('.prof').addClass('hide')
$('.load').removeClass('hide')
$('.load').load('/users/ok.html')
})
     $('.load').on('click', '.photo_ok img',function(event)
         {
           event.preventDefault();
           var url = this.getAttribute('src')
		   $('.ok').css('background-image', url)
		   $('.prof,.load').toggleClass('hide')
		   })
})

alert(url) выводит путь до картинки.При клике на .load всё возвращается как надо, но в .ok нет фона.

[ureech]

Всё нашёл ошибку.

var url = 'url('+url+')';

Большое спасибо.

[ureech]

Не подскажите в какую сторону посмотреть, что бы после перезагрузки всё сохранялось?

[рони]

ureech,
на данный момент 10 строка предлагает поставить неведомую зверушку ... попробуйте самостоятельно исправить параметр http://htmlbook.ru/css/background-image

[рони]

Всё нашёл ошибку.
var url = 'url('+url+')';

ура!!!

[рони]

после перезагрузки всё сохранялось?

localStorage