0

一部のデータ属性を使用してdivタグを動的に追加しようとしていますが、データ属性が正しい形式でレンダリングされていません。以下のコードを見つけてください。

$('<a href="#" id="opendialog2" data-role="button">Open Dialog2</a><div id="inlinecontent2" style="display:none" data-options="{"mode":"blank","headerText":"Yo","headerClose":true,"blankContent":true}"><ul data-role="listview"><li>Some</li><li>List</li><li>Items</li></ul><a rel="close" data-role="button" href="#">Close</a></div>').appendTo('#myDiv')

divinlinecontent2は次のようにレンダリングされます

<div mode":"blank","headertext":"yo","headerclose":true,"blankcontent":true}"="" data-options="{" style="display: none;" id="inlinecontent2">

データオプション属性は、すべてを台無しにします

以下のようにレンダリングしたいのですが

<div id="inlinecontent" style="display:none" data-options='{"mode":"blank","headerText":"Yo","headerClose":true,"blankContent":true}'>
4

2 に答える 2

0

引用符をエスケープする必要があります。

$('<a href="#" id="opendialog2" data-role="button">Open Dialog2</a><div id="inlinecontent2" style="display:none" data-options="{\"mode\":\"blank\",\"headerText\":\"Yo\",\"headerClose\":true,\"blankContent\":true}"><ul data-role="listview"><li>Some</li><li>List</li><li>Items</li></ul><a rel="close" data-role="button" href="#">Close</a></div>').appendTo('#myDiv')
于 2012-06-28T10:51:13.493 に答える