我正在尝试动态加载一个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加载该脚本即可。那我该如何工作呢?
对不起,这是我的新手,谢谢!
最佳答案
由于服务器需要呈现代码,因此您需要在此处使用AJAX。查找jQuery ajax函数:http://api.jquery.com/jQuery.ajax/。
$("#gameContent").ajax({
url: "content.php",
success: function(){ main(); }
});