Question

我的整个网站都有两个框架。带有导航栏的框架和带有主要内容的另一个框架。当我点击链接时，我希望其他帧（内容帧）淡入淡出，我将如何完成此操作？我试过跟随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;
 }

});

Answer 1

假设你的主框架被称为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;
    }
});

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

1 个答案: