如何在jquery中更改目标框架链接?

我的整个网站都有两个框架。 带有导航栏的框架和带有主要内容的另一个框架。 当我点击链接时,我希望其他帧(内容帧)淡入淡出,我将如何实现此目的? 我试过跟随jquery代码。 但它使导航框架淡入淡出。 我的意思是我将此代码放在导航栏框架页面中,所以当我点击导航栏框架时,此框架正在运行代码,因此此框架页面正在淡入或淡出。 如何将内容重定向到另一个框架? jquery中用于更改链接目标的命令是什么?

$(document).ready(function() { $("Body").css("display", "none"); $("Body").fadeIn(2000); $("a").click(function(event){ event.preventDefault(); linkLocation = this.href; $("Body").fadeOut(2000, redirectPage); }); function redirectPage() { window.location = linkLocation; } }); 

假设你的主框架被称为frame_main

对于您的第一个问题,请更改您的身体选择器的上下文,例如

 $("body", top.frames["frame_main"].document).fadeOut(2000, redirectPage); 

第二个问题,而不是window.location你必须使用top.frames["frameName"].location

 function redirectPage() { top.frames["frame_main"].location = linkLocation; } 

编辑 :完整示例:

 $(document).ready(function() { var body = $("body", top.frames["frame_main"].document); body.css("display", "none").fadeIn(2000); $("a").click(function(event){ event.preventDefault(); linkLocation = this.href; body.fadeOut(2000, redirectPage); }); function redirectPage() { top.frames["frame_main"].location = linkLocation; } });