Fade Upon A New Link

Я пытаюсь получить новую страницу для загрузки каждый раз, когда пользователь посещает новую ссылку, я заархивировал это, но теперь, что я хочу, это когда они посещают новую ссылку. Я хочу, чтобы она исчезла новый контент, не обновляя страницу заведомо.Fade Upon A New Link

Как я могу использовать эффект затухания?

Благодаря

Херес index.html (все остальные страницы одинаковы с разным содержанием)

<html> 
    <title>Title Here</title> 
    <script src="http://code.jquery.com/jquery-1.10.1.min.js"> 

    </script> 
    <script src="js/func.js"> 

    </script> 

    <head> <a href="about.html" class="link"> Go To About</a> 
      <a href="contact.html" class="link"> Go To Conact</a> 
    </head> 
    <div class="content"> 

     <body>test</div> 
    </body> 

</html>

Херес JQuery код

$(document).ready(function() { 
    $(".content").css("display", "none"); 
    $(".content").fadeIn(600); 

    $("a").click(function (event) { 
     event.preventDefault(); 
     var page = $(this).attr('href') 
     $(".content").fadeIn(600); 
     $('.content').load(page); 
    }); 
});

Спасибо,

Spudster

источник

2013-06-15 Spudster

Вы пробовали что-то вроде этого:

$(".content").hide().load(page, function() { 
     $(this).fadeIn(600); 
    });

.load() function позволяет задать функцию обратного вызова, которая будет выполнена после завершения загрузки, так что вы можете сделать увядает там.

Демо: http://jsfiddle.net/zw5xt/

источник

2013-06-15 04:03:21 nnnnnn

Стараюсь it.let вы знаете, в нескольких secounds – Spudster

он работал Это кажется трудным, но просто – Spudster

Fade Upon A New Link

ответ

Смежные вопросы