2016-08-07 10 views
2

Ich habe ein Raster von Bildern und ich versuche, meine div (.thumb-Einheit) in einem übergelaufenen Behälter (.Arbeiten-Gürtel) onClick zu zeigen .. .Bild Grid Div wird sich zeigen onClick nicht

Jade (HTML)

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

Javascript

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 zeigt o nKlicken Sie aber newImage nicht.

Der HTML-Tippfehler behoben, aber die Variable newImage wird immer noch nicht gerendert.

Irgendwelche Ideen? Ich weiß es zu schätzen!

Antwort

0

Ihr abgestürzter HTML-Code ist falsch. Ich gebe Ihnen einen Tipp:

.thumb-Einheit (style = "background-image: url (/images/giovanni.png --->" < ---)

+0

gute Beobachtung Mann – jaysingkar

+0

Danke. Es gibt auch ein fehlendes ")" am Ende dieser Zeile. –

+0

fügen Sie bitte das korrekte HTML in Ihrer Antwort hinzu. Es würde ihm helfen – jaysingkar

0

Sie vermissen ein ' ') in Ihrem Code, nach .png

es sein sollte:

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