翻页翻页时加载脚本

Question

我正在使用一本翻书，我试图在第二页可见时尝试加载我的脚本。我现在尝试的是

添加if ($('#bubble').is(':visible'))即使我不在正确的页面上，气泡脚本仍会加载。

的Javascript

if ($('#bubble').is(':visible')) {
        $(document).ready(function() {
            $('.small').fadeOut(1);
            $('.small').removeClass('hidden');
            $(".small").delay(1000).fadeIn(2000);
        });
        $(document).ready(function() {
            $('.big').fadeOut(1);
            $('.big').removeClass('hidden');
            //  $('.big').fadeIn(1500);
            $(".big").delay(2000).fadeIn(2000);
        });
        $(document).ready(function() {
            $('.test').fadeOut(1);
            $('.test').removeClass('hidden');
            $(".test").delay(3000).fadeIn(2000);
        });
    }

HTML

<div class="bb-item" id="bubble">
  <img class="fixedsize" src="images/1.png" alt="image02" /></a>
  <div class="test">
    <div class="oval-thought">
      <p>Text inside bubble</p>
    </div>
  </div>
  <div class="small">.</div>
  <div class="big">.</div>
</div>