How to add data attribute while creating the element?

Question

How to add data attribute while creating the element?

You need to insert a data attribute to use for displaying modal window
data-toggle="modal"
data-target="#modal-map-body"
when you try to add an attribute with a hyphen, of course gives an error

with backgroundImage instead of background-image here, not rolls

the option also point data.toggle

to be escaped with a backslash \ does not help

$("", {
 "id": "zoom-map",
 text: "Zoom in map",
 data-toggle: "modal",
 data-target: "#modal-map-body",
 click: function(){
 $(window.parent.document.getElementById('modal-map-body')).addClass('overlay-map').html('<iframe src="*"></iframe>');
$(window.parent.document.getElementById('start-map')).click();
}
 }).insertAfter("ul.map-visible-list");

larue_Jerde asked July 9th 19 at 12:48

Related questions

More answers about "How to add data attribute while creating the element?"

2 answers

Kameron_Hilpert34 answered on · Accepted Answer · 2019-07-09T12:50:39.345Z

Kameron_Hilpert34 answered on July 9th 19 at 12:50

Solution

Quoted take

$("", {
 "id": "zoom-map",
 "text": "Zoom in map",
 "data-toggle": "modal",
 "data-target": "#modal-map-body",
 click: function(){
 $(window.parent.document.getElementById('modal-map-body')).addClass('overlay-map').html('<iframe src="*"></iframe>');
$(window.parent.document.getElementById('start-map')).click();
}
 }).insertAfter("ul.map-visible-list");

thanks, so simple :) - larue_Jerde commented on July 9th 19 at 12:53

Rebeka.Kunze answered on · Accepted Answer · 2019-07-09T12:52:39.345Z

Rebeka.Kunze answered on July 9th 19 at 12:52

Solution

$('', { ... }).insertAfter("ul.map-visible-list").data('toggle', 'modal').data('target', "#modal-map-body");