Thinkphpはデータオプションを使用してピットレコードを踏む

1.エラーコード：

<a class="item" href="javascript:;" data-options="{$items['提现记录']|json_encode}"></a>
<script type="text/javascript">
	//监听点击
	$('.item').on('click', function(){
		var options = $(this).data('options');
		console.log(options);
	});	
</script>

thinkphpテンプレートでは、上記のコードdata-optionsは一重引用符を使用しているため、jsonデータ値を正しく出力できません。

2.正しいコード：

<a class="item" href="javascript:;" data-options='{$items["提现记录"]|json_encode}'></a>
<script type="text/javascript">
	//监听点击
	$('.item').on('click', function(){
		var options = $(this).data('options');
		console.log(options);
	});	
</script>

thinkphpテンプレートでは、上記のコードdata-optionsは二重引用符を使用しており、以下に示すように、jsonデータ値が正常に出力されます。

HTMLデータ-*属性

1.定義と使用法

data- *属性は、ページまたはアプリケーションのプライベートカスタムデータを格納するために使用されます。

data- *属性を使用すると、すべてのHTML要素にカスタムデータ属性を埋め込むことができます。

保存された（カスタム）データをページのJavaScriptで使用して、ユーザーエクスペリエンスを向上させることができます（Ajax呼び出しやサーバー側のデータベースクエリは不要です）。

data- *属性は、次の2つの部分で構成されます。

• 属性名には大文字を含めないでください。また、プレフィックス「data-」の後に少なくとも1文字を含める必要があります。
• 属性値は任意の文字列にすることができます

注：ユーザーエージェントは、接頭辞「data-」が付いたカスタム属性を完全に無視します。

2. HTML4.01とHTML5の違い

data- *属性は、HTML5の新しい属性です。

3.ブラウザのサポート

すべての主要なブラウザはdata- *属性をサポートしています。

4.文法

<element data-*="somevalue">

値	説明
somevalue	属性の値を（文字列で）指定します。