如何使用Django EndlessPagination显示ajax加载图标？

Question

我使用Django的无尽分页

https://github.com/frankban/django-endless-pagination

现在，而不是显示图形加载图标它只是显示单词“加载”。有可能以某种方式显示图形图标吗？我在选项列表中没有看到为图标设置网址的任何内容。

 var defaults = { 
     // Twitter-style pagination container selector. 
     containerSelector: '.endless_container', 
     // Twitter-style pagination loading selector. 
     loadingSelector: '.endless_loading', 
     // Twitter-style pagination link selector. 
     moreSelector: 'a.endless_more', 
     // Digg-style pagination page template selector. 
     pageSelector: '.endless_page_template', 
     // Digg-style pagination link selector. 
     pagesSelector: 'a.endless_page_link', 
     // Callback called when the user clicks to get another page. 
     onClick: function() {}, 
     // Callback called when the new page is correctly displayed. 
     onCompleted: function() {}, 
     // Set this to true to use the paginate-on-scroll feature. 
     paginateOnScroll: false, 
     // If paginate-on-scroll is on, this margin will be used. 
     paginateOnScrollMargin : 1, 
     // If paginate-on-scroll is on, it is possible to define chunks. 
     paginateOnScrollChunkSize: 0 
    }, 

Answer 1

在settings.py在此处设置的图像：

ENDLESS_PAGINATION_LOADING =“”

此处列出了所有其他选项：

http://django-endless-pagination.readthedocs.org/en/latest/customization.html

Answer 2

你要覆盖一个模板

无休止/ show_more.html - 放有loading.gif :)

{% load i18n %} 
{% load static %} 
{% if querystring %} 
    <div class="clearfix"></div> 
    <div class="endless_container"> 
     <a class="endless_more" href="{{ path }}{{ querystring }}" 
      rel="{{ querystring_key }}"> 
      <button>Więcej</button></a> 
     <div class="endless_loading" style="display: none;"> 
      <img src="{% static "img/ajax-loader.gif" %}"></div> 
    </div> 
{% endif %}