I have integrated chargebee's self-checkout portal on my website dictozo.com which is essentially just <a> tag i.e.
<a href="javascript:void(0)" data-cb-type="checkout" data-cb-item-0="standard-USD-Monthly" data-cb-item-0-quantity="1" class="btn btn-primary">Get It Now</a>
<script src="https://js.chargebee.com/v2/chargebee.js" data-cb-site="aarvy" ></script>
On the website If you scroll to pricing section and try to click on "Get It Now" button it won't work. But if you reload he page and try to click again it will work and displays the pop-up checkout window.
The pricing section is loaded dynamically via AJAX while rest of the sections on page are static. I just don't understand this weird behavior why the click didn't work in first try.