dynamically loading php with jquery

Question

I'm trying to load a PHP document dynamically which uses some jQuery events on the same script so after loading the webpage the jQuery effects don't work.

For example:

$(document).ready(
  function(){
     main();
     function main()
     {
       $('#game1').hover(
         function(){ $('#info1 p').slideDown('fast'); },
         function(){ $('#info1 p').slideUp('fast'); }
       );   
       $("#izquierda a").click(function()
       {
          $('#izquierda ul').hide();
          $('#content').slideDown();
          $('#menu').slideDown();
          $('#contentMin').hide();
          $("#gameContent").load("content.php", main()); // i try loading main() again so the effects would have some effect? doesn't work though
       });
    }               
});

And in content.php I load data from a database and place it in a div called #game1 which uses the hover effect but it doesn't work after I loaded content.php. Without having it loaded from content.php the same script works. So how can i make it work? Sorry im new to this, thanks!

Godwin · Accepted Answer · 2011-11-26 23:54:24Z

6

Since the server needs to render the code, you need to use AJAX here. Look up the jQuery ajax function: http://api.jquery.com/jQuery.ajax/.

$("#gameContent").ajax({
    url: "content.php",
    success: function(){ main(); }
});

answered Nov 26, 2011 at 23:54

Godwin

9,9576 gold badges44 silver badges62 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Godwin Over a year ago

Please provide a comment when down voting. Why is this not a valid answer?

Godwin Over a year ago

No worries, I didn't think you did.

Mike Purcell Over a year ago

SO really needs to stop anon downvoting. This answer appears to be valid.

Seder Over a year ago

Upvote for asking why you did a down vote & sure for the answer

Collectives™ on Stack Overflow

dynamically loading php with jquery

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related