私は現在Tumblrのテーマビルダーフレームワークの中で働いており、特定のスクリプトを外部リソースとしてアップロードすることにはいくつかの困難を抱えています。いくつかのアップロードを試みると、アップロードしようとしているファイルが.jsファイルであっても、Tumblrが.htmlファイルをアセットとしてアップロードできないことを意味するエラーメッセージが継続的に届きました。誰でもこのスクリプトを外部リソースとしてアップロードできない理由を説明できますか?
私のサイトはHTTPS経由で動作することに注目していると思いますが、なぜコードは外部ソース/資産としてロードできないのですか?
UPDATE:
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):[OK]を、これまでのところ問題はスクリプトでHTMLのこの部分とは何かを持っている
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>
デバッグの試みとして、上記のファイル(append)からすべてのhtmlを削除してください。 –
「http://」を '//'に置き換えてみてください。 AFAIKでは、安全なサイト内の安全でない場所のスクリプトを読み込むことはできません。 –
@KevinB、ありがとう。これは、間違いなくスクリプトのHTMLに問題があることを証明しました... – nr159