この関数は、イメージのリストのサウンド オブジェクトを複製します。

問題は、オブジェクトが DOM で記述されている場合、ブラウザがサーバーにクエリを発行し、200 リクエストとしてロードすることです。ただし、何度も何度も 4 つの異なるサウンド ファイルしかロードしていません。したがって、ブラウザのキャッシュから 304 リクエストとしてロードする必要があります。

すべてのサウンド ファイルは最初に HTML で読み込まれ、次に複製されます。ページが更新されるたびに、HTML 内のサウンド ファイルは 304 リクエストを受け取り、キャッシュから読み込まれますが、複製されたファイルは (キャッシュからではなく) 200 リクエストで読み込まれます!

とにかく、ブラウザがリクエストをサーバーに送信してDOMにロードすることなく、これらのオブジェクトを複製することはできますか? 完全にクライアント側だけですか？データは既に HTML に 1 回書き込まれています。

これらのオブジェクトを複製するために、サーバーにリクエストをまったく送信しないことをお勧めします。50 を超えるクローンを作成するため、1 秒間に 50 のリクエストがサーバーに送信されます。過負荷。

次のコードは、各要素 .scrollable 内にいくつかのコードを追加することになっています。各要素には、既存のコンテンツの前に .scrollable 内の最初の行があり、既存のコンテンツの後に 2 行目が必要です。

代わりに、すべてのコンテンツが欠落しています。何を間違えたのですか？

すみません、以前のテストでした

それが現在の姿です

昨日対処した問題の特定の解決策に関するフィードバックを得るために、ここに最初の投稿を行います。私は自分の問題を解決し、望ましい効果を達成する何かを思いつきましたが、せいぜいそれは洗練されていない解決策であり、最悪の場合は醜いハックだと思います。

問題: ページ上で特定の順序でハードコードされている 4 つの div の順序を変更するにはどうすればよいですか。目標: クライアントの好みに基づいてこれらのブロックをすばやく並べ替える方法。

制約: クラスと ID またはラッパーを追加する場合を除いて、マークアップに触れることはできません (HTML をまったく再構築することはできません)。これは、いくつかの異なるクライアントによって既に使用されている、既存の動作中の製品用です。

コンテンツが削除されたマークアップは次のとおりです。

そして、ページの読み込み後にこれらの Div を並べ替えるために使用している jQuery を次に示します。

これを行うためのより簡単でエレガントな方法はありますか? プロジェクトの開始時 (数年前) に UI/UX デザインを考えていなかった結果、柔軟性のない構造に対するハッキーなソリューションである可能性が高いことを私は認めます。しかし、私は、このような問題に対して、時には洗練されていない解決策を考え出さなければならない他の人々の意見に興味があります.

私は次のHTMLを持っています

基本的に私はappendTo(ul)これにたくさんのものを追加するために使用していますが、実際にappendは最初の子の後にそれを追加したいliですか？

これどうやってするの ？

私はもう試した.appendTo(ul).insertAfter('li:first');

ページにアイテムのリストを表示する必要があり、このページは AJAX で更新されます。新しいアイテムがクライアントにプッシュされるたびに、ul list.

私が話している種類のリストの例を次に示します: http://jsfiddle.net/XEK4x/

HTML

CSS

jqueryを使用してリストのランダムな場所に新しいアイテムを追加する方法はありますか? 次のようなことができることはわかっています$(li_element).appendTo(".itemlist");が、これによりリストの最後に追加されます。

問題になる可能性があるもう 1 つのことは、それぞれli elementが左に浮いているという事実です。そのため、新しい要素が途中に追加されると、その要素以降のすべての要素が 1 つ右に押し出されます。

several ul lists floated left、およびを使用できるli's stacked under each otherので、新しいアイテムがレンダリングされると、リストは単純に押し下げられますが、これをランダムに行うと、一部の ul リストが他のリストよりも長くなり、奇妙に見えます。

わお。どちらも完璧に機能しました。ありがとうございました！！！

追加の質問をもう 1 つ。独自のクラスを持つ 4 つの異なる Tabcontent Div があるとします。そして、Getit クラスをすべてのタブコンテンツ Div に追加したい...

appendTo 'tabcontent' だけを追加すると、すべての 'tabcontent' div の一番下に追加されます。これは素晴らしいことです。しかし、同じコンテンツが GetIt ID と重複しています。誰かが私のタブ付きナビゲーションで GetIt を選択した場合、クローンは表示されませんが、他のすべてのタブコンテンツ クラスには表示されるようにするにはどうすればよいですか?

これが私の元の問題でした：

最初に言っておきますが、私は Javascript をあまり知りません。ここで何かをつなぎ合わせようとしているだけです。

私の問題はこれです：

1 つの Div ID を取得し、それを複製して、コンテンツを変更せずに別の Div ID に追加したいと考えています。

HTML は次のようになります。

「Getit」ID をコピー/クローンして、「History」ID の末尾に追加したいと考えています。

現在、私の Javascript コードは次のようになっています。

あなたが提供できる助けに感謝します。

ありがとうございました！

ドキュメントの準備が整ったので、いくつかのものを移動しています。これは、さまざまなパネル間を切り替えるリスト ナビゲーションに動的なコンテンツが含まれる、洗練されたタブ ナビゲーションのようなものだと考えてください。

マークアップは制御できますが、ul は動的コンテンツの挿入に使用されるものとは異なる CMS のテンプレートにあるため、基本的にはドキュメント上で必要な場所に移動する準備ができています。移動が発生しないIE7を除いて、うまく機能します。

HTML:

JS:

現在、次のコードでクローンを作成しようとしています:

兄弟要素よりも正確な位置に複製する要素が必要です。それが私が持っている理由です：

ポジションを取るためです。しかし、クローンの不透明度を軽くすることもできます。