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

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...
});

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

有关模板如何工作的更多信息，请查看有关模板的文档。

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'); 精美的作品。