나는 다음과 같은 유성에 트위터 위젯을로드하려고 해요.
<blockquote class="twitter-tweet" lang="en"><p>"Curiosity Finds Iron Meteorite on Mars" <a href="http://t.co/qh6f1ITd7b">http://t.co/qh6f1ITd7b</a></p>— Daniel Fischer (@dfischer) <a href="https://twitter.com/dfischer/statuses/489240003927887872">July 16, 2014</a></blockquote>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
그러나 이것은 일반 텍스트로로드됩니다.
패키지 생성을 시도했습니다.
Package.describe({
summary: "External script"
});
Package.on_use(function (api) {
api.use(['templating'], 'client');
api.add_files('widget.html', 'client');
});
widget.html에는 다음이 있습니다.
<head><script type="text/javascript" src="//platform.twitter.com/widgets.js"></script></head>
하지만 운이 없습니다. 이 작업을 수행하는 방법에 대한 아이디어가 있습니까?
당신의 템플릿 (위젯 템플릿이라고 부르 자)에서, 위젯이 렌더링되어야하는 곳에서 다음 함수를 사용하세요.
Template.widgetTemplate.rendered = function () {
try {
twttr.widgets.load();
} catch (e) {}
}
페이스 북 위젯 (같은 공유 등)에도 동일하게 사용할 수 있습니다. FB.XFBML.parse()
head-sync 또는 async에 widgets.js가로드되었는지 확인하십시오.
비동기 로딩의 경우 'head'에 다음 코드를 사용하십시오.
<script>
! function (d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (!d.getElementById(id)) {
js = d.createElement(s);
js.id = id;
js.src = "https://platform.twitter.com/widgets.js";
fjs.parentNode.insertBefore(js, fjs);
}
}(document, "script", "twitter-wjs");
</script>
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다