1

使用SkyScanner 的白标 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>
4

4 回答 4

3

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

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

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

于 2014-05-26T09:36:16.823 回答
0

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

于 2014-05-22T09:13:51.590 回答
-1

谢谢你。

<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>
于 2016-07-31T20:12:00.340 回答
-1

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

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

于 2016-08-17T11:00:11.217 回答