我正在为图像的宽度设置一个变量,以便我可以使用正确的宽度显示描述div。但是,jQuery似乎没有回调函数来满足我的需求。我该怎么办?
$(document).ready(function () {
// declare photo width variable
var photo_width = 0;
$('.chImg').click(function () {
// get img src and chop it up
var srcv = $(this).attr('src');
var sliced = srcv.slice(6);
// return the base number of the image for correspdonding div
// corresponding div is "d#"
var divnum = sliced.substring(0, sliced.length - 4);
// fade out active description div
$(".activeDescript").each(function () {
$(this).removeClass("activeDescript");
$(this).fadeOut(110);
});
// change picture
$("#chBox").fadeOut(110, function () {
$("#chBox").html("<center><img src='" + sliced + "'/></center>");
});
// vertical align
$("#chBox").vAlign();
$('#chBox').waitForImages(function () {
// wait for images before grabbing img width
$("#chBox img").each(function () {
photo_width = $(this).width();
$(".description").width(photo_width);
$("#d" + divnum).fadeIn(300);
// make this descript active
$("#d" + divnum).addClass("activeDescript");
});
$("#chBox").fadeIn(200);
});
});
我最关心的是photo_width = $(this).width();因为我想确保在发生这种情况后执行以下代码。 想法? 我知道描述div没有正确设置,因为需要2次点击才能正确设置!您可以在www.graysonearle.com/newtest上看到错误,然后点击第一个框“Frog Utopia”并点击几个缩略图。