OK. I cannot figure out what is wrong with code I've used over and over:
Working on a gallery, the thumbnails load from a directory (PHP script that dumps the directory). Code tested and works fine when working with one gallery/directory. Trying to make it work with 4 nav links/4 directories, one for each category of the gallery (each have their own directories with files in it).
invitations <pics related to, etc.
prints
specialty
corporate
i.e.
invitations > onclick, send "invitations" to JS function, Ajax sends dir=invitations to PHP, PHP returns the html of the <ul> followed by all the <li>s back to my page -- correctly because the "alert" I have set up tells me I am getting the right info back, but $('#thumbs').html(html); is not updating. It does if I put a goofy piece of test in .html('why dont I work?'), but not the html. .text pops out the text, but won't render the html.
innerHTML nor outerHTML work.
function processPage(who){
$('#'+who).toggleClass("active");
alert('#'+who);
$.ajax({
type: "post",
async: true,
url: "galleryDirectory.php",
data: "dir="+who,
success: function(html){
alert(html);
$('#thumbs').html(html);
}
});
return false; //Stay on-page
} //<<< doesn't seem to matter if there's a ; or not
PHP page/div I'm dumping into (it works fine if I just put the PHP in there and choose the directory myself (hard code):
<div id="thumbs" name="thumbs" class="navigation" style="padding-top:30px;padding-right:10px;">
<!--<ul id="thumbnailDisplay" class="thumbs noscript">-->
<!-- PHP Processing page - galleryDirectory.php -->
<!--</ul>-->
</div>
ANY IDEAS?