ライトボックススクリプトに取り組んでいて、カスタムデータライトボックス属性を使用して問題が発生しています。私がやろうとしているのは、データライトボックスの属性設定を画像のページに動的に追加できるようにすることです。
これが私の画像です：
<a href="largeimage.png" data-lightbox='{"setting":"value","setting":"value"}'>
<img src="thumbnail.png" />
</a>
設定を挿入するために使用しているスクリプトの一部は次のとおりです。
$('#testthumbnail').find('a').attr('data-lightbox',settings);
設定は単なる文字列であり、属性にダンプされます。実行してもエラーは発生せず、設定はすべてdata-lightbox属性に正しく挿入されます。プラグインでは設定が有効になっていませんが、1つの理由で、ページに出力されるhtmlは次のようになります。
<a href="largeimage.png" data-lightbox="{"setting":value"}"> ...
data-lightbox属性の周囲の''は""に変換されます-これは私の状況では機能しません。アポストロフィが引用符に変換される理由と、これを回避する方法を誰かが知っていますか？ありがとう！
更新：適切にフォーマットされたJSON文字列とオブジェクトの両方として設定変数を使用できます。data-lightbox属性内でObjectとstringの両方を使用しようとしましたが、同じ問題が発生しています。ブラウザが私の''を""に変換しているため、JSONエラーが発生しています。