tiện ích twitter chỉ tải lần đầu tiên trong trang web ajax webapp?

Question

Tôi đang cố gắng tải api widget twitter trong trang được tải ajax của tôi.

Tôi đã thử tải tập lệnh theo một vài cách khác nhau và Im nhận cảnh báo để chạy mỗi lần chứ không phải bản thân tập lệnh.

Vì vậy, lần đầu tiên tôi tải trang, sau đó kịch bản đang hoạt động, nhưng nếu tôi quay trở lại menu và quay lại trang này, thì nó không tải nó?

Đây là trang được tải ajax.

<div id="twitterwid"> 

<a class="twitter-timeline" width="320" height="500" href="https://twitter.com/my account" data-widget-id="my widget id number">Loading tweets by @me</a> 
<script> 

alert("alert is working"); 

!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs"); 


</script> 

<div> 

Bất kỳ đầu vào nào được đánh giá cao, cảm ơn.

Answer 1

Tất cả bạn phải làm là: gọi một tái render của các thẻ phụ tùng trên trang bằng cách gọi:

twttr.widgets.load() 

Similar question on Twitter Dev Channel

Lưu ý: kịch bản inline không được thực hiện khi AJAX Load. Xem: SO Q&A cho giải pháp đó.

Answer 2

Thêm đầu tiên:

<script>window.twttr = (function(d, s, id) { 
    var js, fjs = d.getElementsByTagName(s)[0], 
    t = window.twttr || {}; 
    if (d.getElementById(id)) return t; 
    js = d.createElement(s); 
    js.id = id; 
    js.src = "https://platform.twitter.com/widgets.js"; 
    fjs.parentNode.insertBefore(js, fjs); 

    t._e = []; 
    t.ready = function(f) { 
    t._e.push(f); 
    }; 

    return t; 
}(document, "script", "twitter-wjs"));</script> 

Vì vậy, bạn có thể sử dụng:

twttr.widgets.load()