1

视图.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-2orhi-3时，它不会显示警报。

hi-2即使单击或，我也想显示警报hi-3。

我该如何实施？

ps 实际上，这是一个非常简单的代码，可以清楚地显示我想要做什么。

我最终想要做的是在加载portfolio_list_page之后执行整个javascripts代码（e.g _owl_carousel(), _flexslider(), _popover(), _lightbox(), _mixitup(),, etc），这样整个javascript函数也可以应用于新加载的页面

4

0 回答 0