Question

我正在使用instafeed.js在我的网站上显示我最新的Instagram图片。但默认情况下，图像链接在同一窗口中打开。这是JS代码： https://github.com/stevenschobert/instafeed.js/blob/master/instafeed.js 更多信息： http://instafeedjs.com

我尝试使用这个技巧在新窗口中打开链接：

<script>
$(function(){
  $("#instafeed a").attr("target","_blank");
});
</script>

但是这种伎俩在这种情况下不起作用。

任何解决方案？感谢。

Answer 1

最好的方法是使用template选项：

var feed = new Instafeed({
  template: '<a href="{{link}}" target="_blank"><img src="{{image}}" /></a>'
  // other settings...
});

您不需要直接修改源文件。

有关模板如何工作的详细信息，请查看templating上的文档。

Answer 2

我更新了after函数中的链接

jQuery(document).ready(function($){
  var loadButton = $('#load-more');
  var feed = new Instafeed({
    get: 'user',
    userId: xxx,
    accessToken: 'xxxx',
    limit:160,
    after: function() {
      $("#instafeed a").attr("target","_blank");
      // disable button if no more results to load
      if (!this.hasNext()) {
        loadButton.attr('disabled', 'disabled');
      }
    }
  });    

  $('#load-more').on('click', function() {
    feed.next();
  });
  feed.run();
});

Answer 3

疑难杂症！遵循Kasra的逻辑，找到了解决方案：

在你的instafeed.js文件中，查看第177行并添加anchor.setAttribute('target', '_blank');可以很好地工作。

在instafeed.js中打开新窗口中的链接

3 个答案: