javascript - 要素が表示されたときに jQuery 関数を実行する

Question

現在、ここに見られるように、要素がクリックされたときにさらに読み込みボタンが実行されています。

<script type="text/javascript">
     $(document).on('click', '#loadmore', function() {

         etc....
     });
</script>

しかし、divがブラウザのビューに入ったときにこれを実行する方法はありますか? 本当にそれを無限負荷に変えますか？私は周りを検索しており、解決策を見つけることができませんが、可能性のあるもののようです。

ユーザーがページを下にブラウジングし、要素<div id="#loadmore">を表示し、関数が実行されますか?

Answer 1

You could try this plugin jquery-appear.

Answer 2

if(window.addEventListener)
{
window.addEventListener("scroll", function() {
          var div = document.getElementById("myDiv");
          if(div.offsetTop <= window.innerHeight)
          {
               clearInterval(timer);
               // call your functions here
          });
}
else if(window.attachEvent)
{
     window.attachEvent("onscroll", function() {
          var div = document.getElementById("myDiv");
          if(div.offsetTop <= window.innerHeight)
          {
               clearInterval(timer);
               // call your functions here
          })
}

Answer 3

http://api.jquery.com/visible-selector/

jquery 可視セレクターが機能します