我目前正在 Tumblr 的主题构建器框架中工作,并且在上传某些脚本作为外部资源时遇到了一些困难。在多次上传尝试后,我不断收到一条错误消息,暗示 Tumblr 不接受.html文件作为资产上传,即使我尝试上传的文件是.js文件。
我想值得注意的是,我的网站通过HTTPS运行,那么为什么代码(如下所示)无法作为外部源/资产加载?
更新:好的,到目前为止,问题与脚本中的这部分HTML有关:
if (photos[j].alt_sizes[1]) {
imgURL = photos[j].alt_sizes[1].url;
// console.log(imgURL, linkURL);
} else {
continue;
}
$("#tumblr-posts").append(
"<li><a href=" +
linkURL +
"><img src=" +
imgURL +
" /></a>" +
"</li>"
);
}
被拒绝的外部 JS (mycustomscript.js):
apiKey = "API-HIDDEN";
limit = 4;
$.ajax({
url: "https://api.tumblr.com/v2/blog/MYTUMBLRID.tumblr.com/posts?limit=4",
dataType: "jsonp",
data: {
api_key: apiKey,
tag: "blog"
},
success: function(results) {
var i = 0;
while (i < results.response.posts.length) {
var type = results.response.posts[i].type;
if (type == "photo") {
var photos = results.response.posts[i].photos;
var linkURL = results.response.posts[i].post_url;
var caption = results.response.posts[i].caption;
for (var j = 0; j < photos.length; j++) {
if (photos[j].alt_sizes[1]) {
imgURL = photos[j].alt_sizes[1].url;
// console.log(imgURL, linkURL);
} else {
continue;
}
$("#tumblr-posts").append(
"<li><a href=" +
linkURL +
"><img src=" +
imgURL +
" /></a>" +
"</li>"
);
}
}
i++;
}
console.log(results.response);
}
});
我如何尝试调用脚本(x用于隐藏隐藏链接部分):
<script src="http://static.tumblr.com/x/x/mycustomscript.js"></script>
这是
由于脚本中的HTML标记。您可以通过拆分 HTML 标记来解决此问题,以便
"<li>"
成为
"<"+"li>"
并对结束标签执行相同的操作。