任何人都可以解释为什么不能将此脚本作为外部资源上载?

时间:2017-11-08 21:06:05

标签: javascript jquery tumblr tumblr-themes

我目前正在使用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>

1 个答案:

答案 0 :(得分:0)

这是脚本中的HTML标签。您可以通过拆分HTML标记来解决此问题

"<li>"

变为

"<"+"li>"

对结束标签也一样。