Question

我尝试使用此配置的fancybox，用于显示来自任何选择器的图片，但我更改了href:'http://fancyapps.com/fancybox/demo/1_b.jpg' href:'/image/example/1.jpg'没有工作，我不知道如何显示绝对这里的网址与Meteor有人可以帮忙吗？

 $("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()

Answer 1

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

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

Fancybox和Meteor，绝对URL

1 个答案: