来自外部JS文件的JSONP将不起作用，但可以在HTML文件上的脚本标记中起作用

Question

我有一些数据要从返回为JSONP的Web服务中提取，以克服跨源问题，我正在使用$.getScript将URL脚本添加到页面并调用该Web服务。 Web服务具有一个回调，该回调触发该函数，然后该函数执行我需要在页面上执行的操作。

我遇到的问题是，当我将代码添加到脚本标签中的HTML文件中时，代码可以工作，但是将代码放在external js file中时却无法工作。

以下代码在放在正文末尾的HTML文件底部时有效。但是，当我将此代码移动到外部js / global.js位置时，它将无法正常工作。

我需要做什么才能使这项工作成功？

<script>
 var getUserDetails = function(json) {

   if ( json.UserProfile[0].Alert === true ) {
     $("#alert").remove();
   }

 };

 $.getScript( "http://www.URLtest.co.uk/webservices/Profile.asmx/GetUserDetails?callback=getUserDetails&ucrn=00000");
</script>