0

twitter/facebook/google docs に似た無限スクロールを作成しようとしています。多くのプラグインとチュートリアルを調べましたが、その方法がわかりません。私が見たものはすべて、データベースからコンテンツの一部だけを引き出すのではなく、ajax を介して別のページをロードしているようです。

        <div class="question">
            {% if the_question %}
              <ul>
                <li>
                    <div class="votecounter">
                        <span class="score" id="linkscore{{ question_id }}"
                        title="after {{ score.num_votes|default:0 }} vote{{ score.num_votes|default:0|pluralize }}">
                        {{ score.score|default:0 }}
                        </span>
                    </div>
                    <div class="votearrowdiv">
                        <form class="linkvote" id="linkup{{ question.id }}" action="/home/{{ question.id }}/{% if vote and vote.is_upvote %}clear{% else %}up{% endif %}/vote/" method="POST">
                            {% csrf_token %}
                            <input type="image" id="linkuparrow{{ question.id }}" class="{% if vote and vote.is_upvote %}uparrowBlue{% else %}uparrow{% endif %}" value=""></input>
                        </form>
                        <form class="linkvote" id="linkdown{{ question.id  }}" action="/home/{{ question.id }}/{% if vote and vote.is_downvote %}clear{% else %}down{% endif %}/vote/" method="POST">
                            {% csrf_token %}
                            <input type="image" id="linkdownarrow{{ question.id  }}" class="{% if vote and vote.is_downvote %}downarrowBlue{% else %}downarrow{% endif %}" value=""></input>
                        </form>
                    </div>
                        <div class="actualQuestion">
                        <a href="/home/{{ content.id }}/{{ question.id }}/">{{ question.question_text }}</a>
                        </div>
                </li>
              </ul>
          </div>

前もって感謝します!

4

1 に答える 1

0

jQueryを無限に試すことができます

https://github.com/fredwu/jquery-endless-scroll

于 2012-12-18T06:15:53.037 に答える