Home/ Questions/Q 8165967
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-06T19:41:51+00:00

Im trying to add a div tag dynamically with some data attributes but the

  • 0

Im trying to add a div tag dynamically with some data attributes but the data attributes are not rendering in the right format.Please find the code below

$('<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')

The div inlinecontent2 is rendered as 

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

The data options attributes renders all messed up

Im wish to get it rendered like below

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

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You need to escape the quotes (differently):

    $('<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')
    • 0