2016-08-07 1 views
2

나는 그리드를 가지고 있으며, 내 div를 보여 주려고합니다. (.thumb-unit) 오버플로 된 컨테이너에 (.work-belt) onClick .. .이미지 그리드 사업부가 나타나지 않습니다.

옥 (HTML)

li.art.illustration.animation-element.fade-in 
    .thumb-unit(style="background-image: url(/images/giovanni.png)") 
    .thumb-overlay 
     p Giovanni 

자바 스크립트

function workLoad(){ $.ajaxSetup({ cache: false }); $('.thumb-overlay').click(function() { 
var $this = $(this), 
    newTitle = $this.find('p').text(), 
    newImage = $('.thumb-unit').show(); 
$('.project-load').load(newImage); 
$('.project-title').text(newTitle);});} 

에 newTitle 보여줍니다 오 nClick하지만 newImage 않습니다.

HTML 오타가 수정되었지만 변수 newImage이 여전히 렌더링되지 않습니다.

아이디어가 있으십니까? 모두들 고마워!

답변

0

정돈 된 HTML 코드가 잘못되었습니다. 내가 당신에게 힌트를 줄 것이다 :

.thumb 단위 (스타일 = "배경 이미지 : 홈페이지 (/images/giovanni.png --->"< ---)

+0

좋은 관측 사람 – jaysingkar

+0

감사합니다. 그 줄 끝에 ")"이 빠져 있습니다. –

+0

답변에 올바른 html을 추가하십시오. 그것은 그를 도울 것입니다 – jaysingkar

0

당신은 실종된다 ') '코드에서, .png

후이 있어야한다 :

li.art.illustration.animation-element.fade-in 
    .thumb-unit(style="background-image: url(/images/giovanni.png)") 
    .thumb-overlay 
     p Giovanni 
관련 문제