@blazer05

Как внедрить сторонний jquery пагинатор?

Доброго времени суток!
На сайте под управлением джанго сделал стандартную пагинацию, которая стилизуется бутстрапом. По умолчанию пагинатор от бутстрапа не очень устраивает т.к. есть более расширенный и в тоже время компактный jquery пагинатор. Вопрос как его внедрить на сайт он типа тоже заточен под бутстрап, но я как только не делал ничего не получалось?
Это то что я хочу выводить в пагинации - сам контент
<div id="comments">
{% for comment in comments %}
<div class="mbr-40"> <blockquote>

<p><b style="border:2px solid #e74c3c;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:10px;color:#e74c3c;padding:0 8px 0 8px">
{{ comment.object }}:</b> {{ comment.text }}
</p></blockquote> </div>
{% endfor %}
</div>


Это пагинатор
<div class="row">
    <div class="col-lg-4">
        <ul class="pagination pagination-sm">
            {% if comments.has_previous %}
                <li class="arrow"><a href="{% url 'ajax_commets' %}?page={{ pag }}{{ comments.previous_page_number }}" class="comments-page">&laquo;</a></li>
            {% else %}
                <li class="disabled"><a href="">&laquo;</a></li>
            {% endif %}
            {% for pag in comments.paginator.page_range %}
                {% if pag == comments.number %}
                    <li class="active"><a href="{% url 'ajax_commets' %}?page={{ pag }}" class="comments-page">{{ pag }}</a></li>
                {% else %}
                    <li><a href="{% url 'ajax_commets' %}?page={{ pag }}" class="comments-page">{{ pag }}</a></li>
                {% endif %}
            {% endfor %}
            {% if comments.has_next %}
                <li class="arrow"><a href="{% url 'ajax_commets' %}?page={{ pag }}{{ comments.next_page_number }}" class="comments-page">&raquo;</a></li>
            {% else %}
                <li class="disabled"><a href="">&raquo;</a></li>
            {% endif %}
        </ul>
    </div>
</div>

Это код jquery, которые выводит пагинацию без перезагрузки страницы
$(document).ready(function () {

       // Посилання з id="test" буде тригером події

       $(".comments-page").click(function(event) {
           event.preventDefault();
           var url = $(this).attr('href');

           // AJAX-запит на потрібну адресу

           $.get(url, function(data) {

               // Замінюємо текст тегу з id="target" на отримані дані

               $("#comments").html(data);

           });

       });

   });

В общем как заменить стандартный пагинатор на тот что по ссылке?
  • Вопрос задан
  • 285 просмотров
Пригласить эксперта
Ответы на вопрос 1
@samuser
programmer
Views, models и urls напиши я у себя попробую исправить ?
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы