jquery - jQuery - 将 .js 文件的结果放入 html 中的特定位置

Question

我希望在我的网站上放置一个具有嵌入代码的小部件，例如

<script src="http://www.external-site.com/widget.js?id=123" type="text/javascript" language="javascript"></script>

在特定的 div 之后。

我只希望小部件出现在与其他页面使用相同模板的某个 url 上，所以我想使用 jQuery 检查某个 url，然后在特定位置呈现小部件。

为什么这不起作用？

    $(function() {
        if ( document.location.href.indexOf('/url-to-check/') > -1 ) {
         $('#myDiv').after('<script src="http://www.external-site.com/widget.js?id=123" type="text/javascript" language="javascript"></script>');
       }    
                });

换句话说，为什么我不能在 after 语句中使用 script 标签？我还能如何实现这一目标？

谢谢