javascript - Django-endless-pagination:「さらに表示」の後にjavascriptをhtml全体に適用しますか?

Question

ビュー.py

class PortfolioListView(AjaxListView):
    model = Portfolio
    context_object_name = "portfolios"
    template_name = "portfolios/portfolio_list.html"
    page_template = 'portfolios/portfolio_list_page.html'

ポートフォリオリスト.html

{% extends "skeleton/base.html" %}


{% load el_pagination_tags %}

{% block content %}
    <div class="test-class">
        hi-1
    </div>

    <section>
        <div class="container">
            <div class="row">
                <div class="col-md-offset-1 col-md-10">
                    {% include page_template %}
                </div>
            </div>
        </div>
    </section>

{% endblock %}

{% block custom_js %}
    <script src="{% static 'el-pagination/js/el-pagination.js' %}"></script>
    <script>$.endlessPaginate({});</script>
    <script type="text/javascript">
       $(document).ready(function(){
            $(".test-class").click(function(){
                alert("ji");
            });
        });
    </script>
{% endblock %}

ポートフォリオリストページ.html

<div>
    {% lazy_paginate portfolios %}
    <div class="test-class">
        hi-2
    </div>
    <div class="test-class">
        hi-3
    </div>
    {% show_more %}
</div>

ページを読み込んportfolio_list.htmlで をクリックhi-1すると、アラートが表示されます。

しかし、またはをクリックshow moreしてクリックしても、アラートは表示されません。hi-2hi-3

hi-2またはをクリックしてもアラートを表示したいhi-3。

どうすればこれを実装できますか?

ps 実際には、これは私がやりたいことを明確に示すためのちょっとした非常に単純なコードです。

私が最終的にやりたいことは、portfolio_list_page をロードした後にjavascripts code( e.g _owl_carousel(), _flexslider(), _popover(), _lightbox(), _mixitup(),, etc) 全体を実行して、この JavaScript 関数全体を新しくロードされたページにも適用できるようにすることです。