正在将skyscanner api添加到wordpress页面

Question

使用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>

Answer 1

感谢使用我们的Skyscanner白色标签。

我看到你终于被管理了，顺便说一下，使用WordPress，在插入Javascript代码时，你应该遵循一些事情：

• 使用文本编辑器选项而不是可视化编辑器
• 查看此页面http://codex.wordpress.org/Using_Javascript，因为在WP

中使用Javascript有一些规则

如果你仍然有问题，我希望这会有所帮助。

Answer 2

当在wordpress页面编辑器中输入javascript时，我非常小心地处理缩进、空格和换行符，最终成功地实现了这一点。

Answer 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>