0

コンテナー内にある画像に関する情報を格納するために、コンテナー div 内に特別な要素を挿入したいと思います。コンテナー div データ属性自体または画像にデータを格納できることはわかっていますが、後でプロジェクトに戻ってそれらを独自の DOM 要素に配置すると、より簡単でクリーンになります。データ属性は主に、サムネイルがドロップ可能なハンドルにドラッグされたときに jquery で要素を更新するなどの UI ユーザー アクション用です。

例：

<div class="container">
   <img class="thumbnail" src="/path/to/thumbnail" />
   <div data-imagefull="path/to/fullsize/image" data-imageid="179"></div>
</div>

その例では、データ属性を含む div を置き換えたいと思います。html5 までの ie7 に準拠する別のタグを使用します。

更新：少し言い換えさせてください。私はデータ属性を気に入っており、引き続き使用します。置き換えたいのは「div」タグだけではありません。div は表示するためのものであり、何も表示していないため、div よりも優れたタグが必要です。情報を保存するだけです。

4

5 に答える 5

3

これには要素を使用しないでください。要素は情報を表示するためのものであり、保存するためのものではありません。

あなたが説明するユースケースは、まさにdata属性が設計されているものであり、そのため、関連する要素に配置する必要がありますimg。

于 2013-01-31T12:32:52.020 に答える
0

data-* タグを img 内に入れるだけで、面倒なことは何ですか?? 多くのレスポンシブ画像プラグインは、実際には次のようなものを利用しています

<img src="lo-fi.png" data-src481="medium.png" data-src1025="hi-fi.png" alt="example" />
于 2013-01-31T13:55:50.717 に答える
0

おそらく次のように使用する必要があります。

<img id="geoff" data-geoff="geoff de geoff" src="image.jpg" />

以下を使用して JS で取得します。

var geoff = document.getElementById("geoff");
alert(geoff.getAttribute("data-geoff"));

タグには、データ属性をいくつでも追加できます。

そして、これは ie6 と ie7 でも機能します。

于 2013-01-31T12:40:47.213 に答える