8

data-position複数の div で jQuery を介してドキュメントの準備ができている属性を設定しています。設定は間違いなく機能します。たとえば、Chrome コンソールで次のコードを呼び出すと、'left'.

$('.card-container').data('position');

ただし、CSS では、以下は何もしていません。

[data-position='left']

data-position="left"ただし、div でのハードコーディングは機能しています。私は何を間違っていますか？助けてくれてありがとう

4

3 に答える 3

16

属性をそのまま設定するdataと、jQuery のキャッシュ (メモリ内のオブジェクト) に格納され、要素の属性として設定されないため、CSS セレクターには表示されません。

これを機能させるには、次dataを使用して属性を手動で設定する必要があります。attr

$('.card-container').attr('data-position', 'left');

ただし、これはデータ値を取得するときにパフォーマンスがわずかに低下することに注意してください。

于 2013-10-15T10:45:07.280 に答える
2 
$('.card-container').attr('data-position',"set your value");

参照属性

于 2013-10-15T10:42:18.360 に答える
0

jQuery のdata()メソッドは、実際には属性を変更しません。要素自体の属性を変更するには、次を使用する必要がありますattr()。

$('.card-container').attr('data-position', 'value');
于 2013-10-15T10:42:36.500 に答える