背景
urbanspoon 预订小部件通过脚本标签加载。脚本中有一个巨大的 document.write,它为小部件加载所有 css 和 html。您将脚本标签放在您希望小部件加载的 html 中(我知道...)
问题
好吧,这个小部件的加载速度确实很慢,并且会阻止其他资产的加载。因此,在尝试对其进行一些优化时,我仅在请求特定部分时才尝试将脚本标记注入元素中。唯一的问题是内容没有加载。
根据另一个 SO 答案,我正在创建一个脚本标签,然后用必要的参数填充它。
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = 'long url';
$("#scriptWrapper").append(script);
一切都很好并且是正确的。问题是脚本没有成功注入内容。
这是一个显示小部件链接返回的内容的链接 http://www.urbanspoon.com/b/posts/5191
有任何想法吗?
谢谢!