将 skyscanner api 添加到 wordpress 页面答案

【问题标题】：Adding skyscanner api to wordpress page将 skyscanner api 添加到 wordpress 页面
【发布时间】：2014-05-21 15:57:26
【问题描述】：

使用SkyScanner's white label API，我正在尝试将以下内容添加到 Wordpress 网页中...

将代码放入简单网页的正文时可以正常工作。谁能告诉我如何让它在 WordPress 页面中工作？我正在通过 wp-admin 创建/编辑页面。我使用的是标准模板。

提前致谢。

<div id="wl-container"></div>
<script>
   (function (s, k, y) {
       var l = s.createElement("script");
       l.src = k + "/js/client.js"; l.async = 1;
       l.onload = function () { y({ serviceBase: k }); };
       var t = s.getElementsByTagName("head")[0]; t.appendChild(l);
   })(document, "//whitelabel.api.skyscanner.net", myCallback);


   function myCallback(options) {
       var whitelabel = new Skyscanner.Flights.Whitelabel({
           serviceBase: options.serviceBase,
           customerId: "testwl46"
       });


       whitelabel.create("wl-container", {
           market: "UK",
           locale: "en-GB",
           currency: "GBP",
           originPlace: "EDI",
           destinationPlace: "LON",
           outboundDate: "2014-03-10",
           inboundDate: "2014-04-10"
       });
   }
</script>

【问题讨论】：

if(document.readyState === "complete") { //你在这里编码 }
请你举一个完整的例子，因为这对我不起作用。我希望 l.onload 没有被调用？谢谢。
这不是必须的。

标签： wordpress skyscanner

【解决方案1】：

感谢您使用我们的 Skyscanner 白标服务。

我看到你终于成功了，顺便说一句，使用 WordPress 在插入 Javascript 代码时你应该遵循以下几点：

使用文本编辑器选项而不是可视化编辑器
看看这个页面http://codex.wordpress.org/Using_Javascript，因为在 WP 中使用 Javascript 有一些规则

希望这对您仍有问题有所帮助

【讨论】：

【解决方案2】：

在 wordpress 页面编辑器中输入 javascript 时，我非常小心缩进、空格和换行符，终于设法让它工作

【讨论】：

【解决方案3】：

谢谢。

<div id="wl-container"></div>
<script>
   (function (s, k, y) {
       var l = s.createElement("script");
       l.src = k + "/js/client.js"; l.async = 1;
       l.onload = function () { y({ serviceBase: k }); };
       var t = s.getElementsByTagName("head")[0]; t.appendChild(l);
   })(document, "//whitelabel.api.skyscanner.net", myCallback);


   function myCallback(options) {
       var whitelabel = new Skyscanner.Flights.Whitelabel({
           serviceBase: options.serviceBase,
           customerId: "testwl46"
       });

       whitelabel.create("wl-container", {
           market: "UK",
           locale: "en-GB",
           currency: "GBP",
           originPlace: "EDI",
           destinationPlace: "LON",
           outboundDate: "2014-03-10",
           inboundDate: "2014-04-10"
       });
   }
</script>

【讨论】：

【解决方案4】：

我很难解决这个问题，最后通过从 Amazon https://s3.amazonaws.com/videomaster/plugins/simple-js-paste.zip 安装这个插件解决了这个问题

您可以将您的 javascript 代码放入其中，然后在文本字段中放入 skyscanner div。我希望得到帮助。

【讨论】：

始终欢迎提供潜在解决方案的链接，但如果链接不再可用，请为未来的访问者添加一些详细信息。