使用jquery动态加载php

时间:2011-11-26 23:52:44

标签: php javascript jquery html

我正在尝试动态加载一个PHP文档,它在同一个脚本上使用了一些jQuery事件,因此在加载网页后,jQuery效果不起作用。

例如:

$(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
       });
    }               
});

在content.php中,我从数据库加载数据并将其放在名为#game1的div中,该div使用悬停效果但在加载content.php后它不起作用。没有从content.php加载它,相同的脚本工作。 那我怎么能让它运作起来呢? 对不起,我很新,谢谢!

1 个答案:

答案 0 :(得分:6)

由于服务器需要呈现代码,因此您需要在此处使用AJAX。查看jQuery ajax函数:http://api.jquery.com/jQuery.ajax/

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