网页中SkyScanner Widget的问题
我按照这个示例在我的网站上包含一个SkyScanner小部件：
http://business.skyscanner.net/portal/en-GB/Documentation/Widgets
因为某种原因，我得到了一个空的div --这和钥匙有关吗？当我单击从SkyScanner获得的用于小部件键的激活链接时，我看到了一个页面，上面写着：
描述:服务器上发生应用程序错误。此应用程序的当前自定义错误设置防止远程查看应用程序错误的详细信息(出于安全原因)。但是，运行在本地服务器机器上的浏览器可以查看它。 详细信息:要在远程计算机上查看此特定错误消息的详细信息，请在当前web应用程序根目录中的"web.config“配置文件中创建一个标记。然后，该标记的"mode“属性设置为"Off”。
我使用以下代码创建了一个web.config文件：
<!-- Web.Config Configuration File -->
<configuration>
<system.web>
<customErrors mode="Off"/>
</system.web>
</configuration>我看过Chrome上的“检查元素”并找出了错误
Uncaught : Object #没有方法“写”api.ashx?key=KEY:1
这是联合来文：
var API_KEY = 'b7290ac3-1f9f-4575-88a7-89fed0c61f7f',
MAIN_URL = 'http://api.skyscanner.net/api.ashx?key=' + API_KEY;
function main(){
console.log('loaded module');
var snippet = new skyscanner.snippets.SearchPanelControl();
snippet.setCurrency('GBP');
snippet.setDeparture('uk');
snippet.draw(document.getElementById('snippet_searchpanel'));
};
function newWrite(str) {
$(str).appendTo('body');
}
var oldWrite = document.write;
document.write = newWrite;
function onMainSkyscannerScriptLoad(e) {
console.log('loaded main script');
skyscanner.loadAndWait('snippets', '1', {'nocss' : true}, main);
}
$('button').click(function() {
console.log('getting main script');
$.getScript(MAIN_URL, onMainSkyscannerScriptLoad);
});我还使用它来个性化小部件：
skyscanner.load("snippets","2");
function main(){
var snippet = new skyscanner.snippets.SearchPanelControl();
snippet.setShape("box300x250");
snippet.setCulture("en-GB");
snippet.setCurrency("USD");
snippet.setColourScheme("classicbluelight");
snippet.setProduct("flights","1");
snippet.setProduct("hotels","2");
snippet.setProduct("carhire","3");
snippet.draw(document.getElementById("snippet_searchpanel"));
}
skyscanner.setOnLoadCallback(main);回答 1
Stack Overflow用户
发布于 2014-04-21 07:47:15
这里是天空扫描仪B2B支持工程师。你还觉得这个有问题吗？
关于最快的回复，请在这里与我们联系：http://business.skyscanner.net/portal/en-GB/Home/Contact
首先要检查的是文件是否位于web服务器(localhost很好)上，而不是从桌面(或一般的本地磁盘)加载的。这是因为一些Sky扫描器JS代码使用//api.skyscanner.net之类的URL查找其他文件。换句话说，将文件保存到桌面并将其从桌面打开将无法工作(将显示为空的div)。下面是绘制小部件的最基本示例。你能试着把它放到一个文件中并通过服务器访问它吗？如果它有效，我们可以在此基础上构建:)
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" >
<head>
<script type="text/javascript" src="//api.skyscanner.net/api.ashx?key=b7290ac3-1f9f-4575-88a7-89fed0c61f7f"></script>
<script type="text/javascript">
skyscanner.load("snippets","2");
function main(){
var snippet = new skyscanner.snippets.SearchPanelControl();
snippet.setShape("box300x250");
snippet.setCulture("en-GB");
snippet.setCurrency("USD");
snippet.setProduct("flights","1");
snippet.setProduct("hotels","2");
snippet.setProduct("carhire","3");
snippet.draw(document.getElementById("snippet_searchpanel"));
}
skyscanner.setOnLoadCallback(main);
</script>
</head>
<body>
<div id="snippet_searchpanel" style="width: auto; height:auto;"></div>
</body>
</html>https://stackoverflow.com/questions/22135188
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号