Fancybox 和 Meteor，绝对 URL答案

【问题标题】：Fancybox and Meteor, absolute URLFancybox 和 Meteor，绝对 URL
【发布时间】：2016-08-17 10:10:30
【问题描述】：

我尝试使用 fancybox 的这个配置来显示来自任何选择器的图像，但是我将 href:'http://fancyapps.com/fancybox/demo/1_b.jpg' 更改为 href:'/image/example/1.jpg' 不起作用，我不知道如何使用 Meteor 在这里显示绝对 URL 有人可以帮助？

 $("selector").click(function() {       
      $.fancybox.open([
          {
            href : 'http://fancyapps.com/fancybox/demo/1_b.jpg',
            title : 'manual 1st title'
          },
          {
              href : 'http://fancyapps.com/fancybox/demo/2_b.jpg',
              title : '2nd title'
          },
          {
              href : 'http://fancyapps.com/fancybox/demo/3_b.jpg',
              title : '3rd title'
          }
      ], {
      nextEffect  : 'fade',
      prevEffect  : 'fade',
      openEffect  : 'elastic',
      closeEffect : 'fade',
      scrolling   : 'visible',
      type        : 'image',
      autoSize    : true,
      padding     : 0,
      helpers     : {
        title : {
          type    : 'over'  
        }            
      }
  });
      return false;
    });

我把这个变成了Template.publicogeneral.rendered = function()

【问题讨论】：

标签： javascript url meteor fancybox iron-router

【解决方案1】：

您可以为此使用 vanilla javascript：window.location.origin 将为您提供带有协议的当前主机名（如果非标准，则为端口）。所以你会想要这样的东西：

...
$.fancybox.open([
  {
    href: `${window.location.origin}/image/example/1.jpg`,
    title: 'manual 1st title'
  },
...

【讨论】：