jquery click event only works once
I've been researching this all morning and am missing something.
Here is the basic setup and code:
<script src="/mwebphoto/js/jquery-2.0.3.js"></script>
<div id="slideshow">
</div>
</head>
<body>
<ul id="gallery_id">
<li id="newYork">New York</li>
<li id="disconnection">Disconnexion</li>
<li id="jackAtSea">Jack at Sea</li>
</ul>
<script>
$(document).ready(function(){
$("#gallery_id li").click(function() {
var htmlTitle = (this.id);
$.ajax({
type: "GET",
url: "/mwebphoto/xml/albums.xml",
dataType: "xml",
success: function(xml) {
$(xml).find('album').each(function(){
var xmlAlbum= $(this);
var xmlTitle = $(this).find('title').text();
var xmlEmbedCode = $(this).find('embedCode').text();
if(xmlTitle==htmlTitle)
$("#slideshow").replaceWith(xmlTitle)
});
}
});
});
});
</script>
Everything I read tells me something like this should work:
$("#gallery_id li").on('click', 'li', function(e) {
But it doesn't. Any suggestions? Thanks.
No comments:
Post a Comment