-1

さて、HTMLキックスタートのこのスライドショーがあります。（http://www.99lime.com/elements/で参照してください）クラス「current」を追加/削除することにより、画像のリストを調べます。

ページを更新しようとしています。画像が変更されるたびに、ページを更新せずにページのコメントとタグも変更されるようにしています。

app.pyのGET/POSTメソッドを使用してこれにアプローチする方法がわかりません。または、javascript/jQueryになります。ありがとう。

モックアップ

4

1 に答える 1

3

ユーザー A とユーザー B が同時にページにアクセスし、他のユーザーが以前に書いた 2 つのコメントを見て、ユーザー 1 とユーザー 2 の両方がそれぞれコメントを書き、どちらもページを更新せず、代わりにページを見つめ続けているとします。スライドショー。データベースには 4 つのコメントがありますが、新しいコメントとタグの読み込みに AJAX が使用されていない場合、A と B には 3 つのコメント、つまり前の 2 つのコメントと独自の新しいコメントが表示されます。

  • これが許容できる場合は、AJAX を使用する必要はありません。

  • これが受け入れられない場合は、AJAX を使用する必要があります。

AJAX を使用しないことにした場合は、コメントやその他のものを事前に読み込んで、現在のスライドに応じて表示および非表示にします。コメントを含む要素のクラスを変更し、最初のスライドを表示するときに「onslide1」、2 番目のスライドを表示するときに「onslide2」などにすると、CSS ルールを使用して、必要なスライドを次のように表示できます。次のとおりです。

div.comments { display: none}
.slide1 div.comments {display: block}
.slide2 div.comments {display: block}
/*etc ...*/

さらに簡単な解決策はありますか？この情報をスライドに組み込むことができれば、さらに簡単になるかもしれません。これは、単純な画像の代わりに、画像とコメント、およびスライドに関連付けるその他すべてを表示する単純な HTML を使用することを意味します。

Ajax を使用してコメントやその他のものを読み込むには、サーバー側とクライアント側の両方で作業する必要があります (スライドが変更されるとき、またはその前に Ajax 呼び出しを実行するようにしてください (おそらく、受け取った瞬間にスライドを変更する可能性があります)。あなたのデータ））。このルートをたどり、さらに支援が必要な場合は、決定と達成したいことを指定して別の質問をするのがおそらく最善です. (これは、一般的な戦略に関するアドバイスを求める質問でした。)

于 2012-12-02T00:46:49.170 に答える