Вопрос по Load()
Здравствуйте.Вот 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')
})
})
И не работает.Плиз,хелп. |
Цитата:
$('.load').on('click', '.photo_ok img',function(event)
|
рони,
случаем не знаешь как на нативном подключать html файлы в корневой html? |
DynkanMaclaud,
не понял о чём вопрос ... может про ajax?https://learn.javascript.ru/ajax-xmlhttprequest#итого |
Не хочет 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 нет фона. |
Всё нашёл ошибку.
var url = 'url('+url+')';
Большое спасибо. |
Не подскажите в какую сторону посмотреть, что бы после перезагрузки всё сохранялось?
|
ureech,
на данный момент 10 строка предлагает поставить неведомую зверушку ... попробуйте самостоятельно исправить параметр http://htmlbook.ru/css/background-image |
Цитата:
|
Цитата:
|
| Часовой пояс GMT +3, время: 20:44. |