好的伙计们,我的网站差不多完成了 - http://www.visualise.ca/
但是有一件事真的让我烦恼。当我单击缩略图打开使用AJAX在同一页面中加载的帖子,然后单击另一个缩略图以加载另一个帖子时,转换不顺畅,图像需要一段时间才能加载并且它很难看。有没有办法可以改进,并使用fadeIn / fadeOut使一切顺利?
这是我没有运气的尝试(现在有效)。
$(".ajaxed").live("click", function(event) {
$.address.crawlable(true).value($(this).attr("rel"));
$("#content").fadeTo(500,0);
$("html,body").animate({scrollTop: 205}, 300);
var post_slug = $(this).attr("rel");
$("#board").load("ajax/",{slug:post_slug});
$("#board").delay(1500).slideDown("slow");
return false;
});
非常感谢您的时间和帮助
答案 0 :(得分:0)
试试这个
$(".ajaxed").live("click", function(event) {
var post_slug = $(this).attr("rel");
$.address.crawlable(true).value(post_slug );
$("#content").fadeTo(500,0);
$("html,body").animate({scrollTop: 205}, 300);
$("#board").stop().load("ajax/",{slug:post_slug}, function(){
$(this).slideDown("slow")
});
return false;
});
答案 1 :(得分:0)
以下是我最终使用的代码。
$(".navig a").live("click", function(event) {
var post_slug = $(this)[0].pathname.substring(1);
var board_h = $("#board").height();
$.address.crawlable(true).value(post_slug).strict(true);
$("#board-wrapper").css('height', board_h + 'px');
$("#board").fadeOut('slow', function(){
$("#board").stop().load("ajax/",{slug:post_slug}, function(){
$("#board").delay(1000).fadeIn('slow', function(){
var board_h2 = $("#board").height();
$("#board-wrapper").css('height', board_h2 + 'px');
});
});
});
return false;
});
只是为了让人们知道。