ビューポートが 1250 ピクセル以上の場合に、現在 Web サイトに表示している Twitter フィードがあります。したがって、画面が十分に広い場合、何らかのコンテンツが呼び出されます (これは、twitter フィードの javaScript ファイルを呼び出します。
私の現在のコードはこれです...
function checkSize(){
if ($(window).width() > 1250) {
$(".tweet").load("/ajax/");
}
}
checkSize();
$(window).resize(function() {
checkSize();
});
これで問題なく動作しますが、twitter スクリプトがページの下部にあるため、ユーザー ビューに div が表示されたときにのみスクリプトをロードするにはどうすればよいですか?
私はこのようなことを試しましたが、うまくいきません
function checkSize(){
if ($(window).width() > 1250 && $(".tweet").is(':visible')) {
$(".tweet").load("/ajax/");
}
}
確認のために、画面幅が 1250px 以上で、ユーザーがページの下部にいるときにのみこのコンテンツを呼び出して、親 div が表示されるようにしたい (.tweet)。
どんな助けでも大歓迎です。
ここでテストするコードペンを追加しましたhttp://codepen.io/anon/pen/ezksD