我在 stackoverflow 或其他任何地方都没有发现有这个问题的人,而且 Tumblr 的支持很迟钝。
我的 tumblr 上的一些照片集神秘地在照片集 iframe 中加载了 404 not found 页面。当我查看源并单击该照片集的内容链接时,我可以加载它。现在它发生在http://margodunlap.com/tagged/parsonssproutlogo上的第二个帖子上,但早些时候那个帖子很好,不同页面上的不同照片集是 404-ing。那个照片集清除了。
如果有用,这里是问题组件/帖子中的代码:
<div id="photoset_31450068393" class="html_photoset"> <iframe class="photoset" scrolling="no" frameborder="0" height="458" width="500"
style="border:0px; background-color:transparent; overflow:hidden;" src="http://margodunlap.com/post/31450068393/photoset_iframe/margodunlap/tumblr_ma9xxmCe2n1rdhvsg/500/false"></iframe></div>
我的直觉是,这是 tumblr 的服务器搞砸了,但有可能是我的照片集脚本有问题吗?它在下面 - 我相信这是一个常见的。
$(document).ready(function(){
$(".photoset").each(function() {
$(this).width('800px');
var newSrc = $(this).attr("src").replace('500','800');
$(this).attr("src", newSrc);
});
$(function(){
var iFrames = $('.photoset');
function iResize() {
for (var i = 0, j = iFrames.length; i < j; i++) {
iFrames[i].style.height = iFrames[i].contentWindow.document.body.offsetHeight + 'px';}
}
if ($.browser.safari || $.browser.opera) {
iFrames.load(function(){
setTimeout(iResize, 0);
});
for (var i = 0, j = iFrames.length; i < j; i++) {
var iSource = iFrames[i].src;
iFrames[i].src = '';
iFrames[i].src = iSource;
}
} else {
iFrames.load(function() {
this.style.height = this.contentWindow.document.body.offsetHeight + 'px';
});
}
});
});
另外我不知道这是否相关,但 Chrome 的 Java 控制台告诉我页面上的其他一些脚本(tumblr 的营销跟踪器和我的谷歌分析)无法加载。请知道我是设计师,而不是程序员,我正在尽我最大的努力让这不是一个愚蠢的问题。基本上,我花了六个月的时间调整这个网站,我的作品集,使其完美,在我准备提交它作为我的研究生院申请之前 12 小时,它做到了。关于在可靠的地方托管重要事物的巨大教训,但与此同时,如果可以的话,请提供帮助,我感到绝望和悲伤。
由于整个提交给研究生院的事情,我已经将问题发布下来,但如果有人知道这可能是什么问题,我真的很感激永久修复。