1

I am using CSS media queries to deliver different views of my website. Basically just depending on the width i show/hide certain elements.

Now I also need to move stuff around depending on this width. That means a DOM element must move to a different place in the DOM tree.

Since it contains forms and other unique stuff, I can not just have it in the DOM tree twice and toggle visibility. I really need to move it around, preferably with jQuery.

I have already found this: http://css-tricks.com/media-query-change-detection-in-javascript-through-css-animations/ But is it really the only way?

4

5 に答える 5

4

いいえ、それが唯一の方法ではありません:)

enquire.js - CSS メディアクエリに応答するための軽量で純粋な JavaScript ライブラリ.

Intention.js - レスポンシブな方法で HTML を動的に再構築するための軽量で明確な方法を提供します.

于 2013-09-26T13:50:52.990 に答える
0

イベントを使用しwindow.onResizeて幅の変化を検出し、それに応じて作業できます。

于 2013-09-26T13:54:16.283 に答える
0

要素を DOM ツリー内の別の場所に移動する必要はありません。画面上の別の場所に移動する必要があります。適切な Web 開発では、コンテンツとプレゼンテーションを分離します。HTML ドキュメント内の情報の場所は、画面上の場所とはほとんど関係ありません。これは、CSS の配置について話すスペースがあまりありませんが、position: absolute、position: fixed、および float について調べてみたいと思います。

于 2013-09-26T15:01:17.383 に答える