jQuery自动加载脚本可在localhost上运行，但在服务器上放置时失败

Question

我有一个页面应该每10秒自动加载instagram标签。 它在我的本地主机上工作正常，但在服务器上完全失败。 它在Dropbox服务器上 。 在加载页面10秒钟后执行脚本时，包含图片的div将使用'script.js'的内容进行重写

var refreshId = setInterval(function()
   {
      console.log("success");
       $('#instafeed').load('script.js');
  }, 10000);

编辑：我知道我说它与本地主机一起工作。 但是我弄错了，如果在浏览器中作为常规文件而不是在本地服务器上运行，index.html可以很好地工作。

Answer 1

那是该脚本的正常行为。 $("container").load()将用脚本包含的内容替换'container'的内容。

为什么不直接编写js代码？

var refreshId = setInterval(function()
{
  console.log("success");
  var feed = new Instafeed({
    get: 'tagged',
    tagName: 'creative_tunnel',
    clientId: 'b68db303d6ac4e74ac4e2f99a3f16fd2',
    resolution: 'standard_resolution',
    limit: 60,
  });
feed.run();

}，10000）；

如果clientId取决于外部文件，则可以修改代码并使用$.get或$.ajax仅获取该ID。

否则，要使您的脚本与所需的系统一起使用，必须获取script.js的内容，然后使用eval（）执行它……但是/！\\ EVAL（）是一个糟糕的想法

$("container").ajax('script.js', function(data){
  // bad idea
  eval(data);
})