0

I've seen many topics on this site about using jquery load and loading the script the in the html fragment. I, unfortunately, have not been able to get any of these methods (getscript) to work. Here is the code that loads the html and the supposed javascript.

<script type="text/javascript">
    $.ajaxSetup ({
        cache: false
    });
   $(document).ready(function(){
    $("#x").click(function() {  
    event.preventDefault();
    $("#content").load("content.html", function(){
        $.getScript("imagemod.js")});
        return false;
          });
   });
</script>

When loading fragmented page loads, though, the pages javascript doesn't seem to work. When I load the page not through ajax, the script seems to work. Here is the page that is suppose to have the javascript working but isnt. The page in question is reached by clicking on "large" of the american dogs menu. Help is much appreciated.

user1437779
  • 7
  • 1
  • 5

1 Answers1

0

You are using an undefined variable 'event' and forgot a semicolon...

<script type="text/javascript">
   $.ajaxSetup ({
     cache: false
   });
   $(document).ready(function () {
     $("#x").click(function(event) {  // event object is passed as first arg
       event.preventDefault();
       $("#content").load("content.html", function () {
         $.getScript("imagemod.js");
       });  // semicolon
       return false;
     });
   });
</script>

Also be aware, that if you load an html document like

<html>...</html>

and not a fragment like

<div>...</div>

browser's won't properly import that into an existing document, because it's a standalone DOM document. To do ajax and partial html, load a fragment like <div>...</div>.

metadings
  • 3,798
  • 2
  • 28
  • 37
  • I've added your modified code; however, the javascript is still not executing after the partial load. Please advise. – user1437779 Dec 09 '12 at 22:31