Nút Sharethis không hoạt động trên các trang được tải qua ajax

Question

Tôi đang cố sử dụng nút sharethis trên trang được tải qua ajax. Các nút không hiển thị. Hãy giúp tôi.

Kính trọng, Pankaj

Answer 1

Sau khi thêm nội dung mới cho dom, gọi

stButtons.locateElements(); 

// or if you want to be a bit defensive about whether the lib has been 
// loaded or not: 
if (window.stButtons){stButtons.locateElements();} // Parse ShareThis markup 

Articleanotheranother

Answer 2

Tôi tìm thấy giải pháp sau đây trên một trong những diễn đàn AddThis và nó làm việc tuyệt vời cho tôi. Tôi gọi hàm này là gọi lại cho cuộc gọi ajax của mình. Hoep điều này sẽ giúp

<script type="text/javascript"> 
     function ReinitializeAddThis(){ 
     if (window.addthis){ 
     window.addthis.ost = 0; 
     window.addthis.ready(); 
     } 
    } 
... 
$('#camps-slide .results').load(loc+suffix, function() {ReinitializeAddThis();}); 
</script> 

Answer 3

Tôi đã gặp phải vấn đề tương tự với chia nhỏ và phân trang Ajax. Các nút không hiển thị sau khi các bài đăng được tải bởi Ajax vì vậy tôi đã tìm kiếm và tìm thấy điều này. Tôi vừa mới bổ sung thêm chức năng stButtons.locateElements(); trên Ajax success:

cái gì đó như success:stButtons.locateElements();

Hy vọng điều này sẽ rất hữu ích cho một người như tôi.

Cảm ơn Ibnul

Answer 4

Giải pháp này cũng sẽ làm việc cho NodeJS dựa khuôn khổ, như Meteor.

stButtons.locateElements(); 

là cần thiết trong gọi lại được hiển thị của mẫu, để đảm bảo rằng nút Chia sẻ này sẽ xuất hiện trên chuyển hướng trang.

Answer 5

Trong drupal bạn có thể đạt được điều này bằng cách thêm mã sau

(function($){ 
Drupal.behaviors.osShareThis = { 
attach: function(context, settings) { 
    stLight.options({ 
    publisher: settings.publisherId 
    }); 
    // In case we're being attached after new content was placed via Ajax, 
    // force ShareThis to create the new buttons. 
    stButtons.locateElements(); 
} 
}; 
}); 

Answer 6

Cập nhật 09/2017 trả lời

Các stButtons đối tượng không tồn tại nữa, bây giờ bạn có thể sử dụng

window.__sharethis__.initialize() 

Để khởi tạo lại các nút

Answer 7

Đối với giải pháp API mới sau đây đã làm việc cho tôi

if (__sharethis__ && __sharethis__.config) { 
    __sharethis__.init(__sharethis__.config); 
} 

Thêm mã này sau khi tải nội dung ajax.