how to change the target frame link in jquery?

问题:

i have two frame in my whole website. a frame with navigation bar and another frame with main content. when i click on a link, I want the other frame (content frame) to fade in and out, how would I accomplish this? I tried following jquery code. but it made the navigation frame fade in and out. what i mean is i put this code in the navigation bar frame page, so when i click on navigation bar frame this frame is running the code, so this frame page is fading in or out. how can redirect the content to the another frame? what is the command in jquery to change the target of the link?

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

});

回答1:

Assuming that you main frame is called frame_main:

For your first question change the context of your body selector, e.g.

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

And the second question, rather than window.location you have to use top.frames["frameName"].location.

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

Edit: Full example:

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