Mở liên kết trong cửa sổ mới trong instafeed.js

Question

Tôi đang sử dụng instafeed.js để hiển thị hình ảnh instagram mới nhất của tôi trên trang web của mình. Nhưng theo mặc định, liên kết hình ảnh được mở trong cùng một cửa sổ. Đây là mã JS: https://github.com/stevenschobert/instafeed.js/blob/master/instafeed.js biết thêm thông tin: http://instafeedjs.com

Tôi cố gắng để mở các liên kết trong một cửa sổ mới bằng cách sử dụng thủ thuật này:

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

Nhưng thủ thuật này không hoạt động trong tình huống này.

Bất kỳ giải pháp nào? Cảm ơn.

Answer 1

Gotcha! Theo logic của Kasra, tìm ra giải pháp:

Trong tệp instafeed.js của bạn, hãy xem xung quanh dòng 177 và thêm anchor.setAttribute('target', '_blank'); hoạt động đẹp mắt.

Answer 2

Cách tốt nhất để làm điều đó, sẽ được sử dụng tùy chọn template:

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

Bạn không nên cần phải sửa đổi các tập tin nguồn trực tiếp.

Để biết thêm thông tin về cách hoạt động của mẫu, hãy kiểm tra tài liệu trên templating.

Answer 3

tôi cập nhật các liên kết trong khi chức năng

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