Jquery Popups mit Last ()
Frage
Ich habe ein paar verschiedene divs mit verschiedenen Projekten und Namen. Jeder hat einen eindeutigen Namen, und ich möchte, dass, wie wenn ein Benutzer klickt auf ein, dass er die entsprechende Seite in den popupContainer
div lädt. Aus irgendeinem Grund nannte es allerdings nicht.
Dies ist der JQuery:
$(document).ready(function(){
//Find & Open
$(".projectThumb").click(function(){
htmlName = $(this).find("img").attr("name");
$("#popupContainer").load(htmlName + ".html");
});
//Close property
$("a.close").live("click", function(){
$("#popupContainer").empty();
});
});
Dies ist der HTML:
<div id="content">
<div class="projectThumb">
<img src="/img/aeffect_button_static.gif" width="146" height="199" class="button" name="aeffect" alt="" />
<p class="title">A.EFFECT: Film Poster</p>
</div>
<div class="projectThumb">
<img src="/img/lova_button_static.gif" width="229" height="199" class="button" name="lova" alt="" />
<p class="title">Lova – Summer 07’ – Titles</p>
</div>
</div>
<div id="popupContainer"></div>
Lösung
Sie schließen nicht Ihre erste Klick-Funktion und Sie öffnen nicht die ready(function(){...})
richtig entweder:
$(document).ready(function(){ // <-- added missing open parens
//Find & Open
$(".projectThumb").click(function(){
htmlName = $(this).find("img").attr("name");
$("#popupContainer").load(htmlName + ".html");
}); // <-- added needed closing function
//Close property
$("a.close").live("click", function(){
$("#popupContainer").empty();
});
});
Andere Tipps
Tag
<img ... >
hat kein Attribut "name" (nur Form und seine Komponenten), verwenden Sie "id":)
Ihr schließt nicht Ihre erste Klick-Funktion:
$(document).ready(function){
//Find & Open
$(".projectThumb").click(function(){
htmlName = $(this).find("img").attr("name");
$("#popupContainer").load(htmlName + ".html");
}); <-- needed
//Close property
$("a.close").live("click", function(){
$("#popupContainer").empty();
});
});
Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow