@alexmixaylov

Как можно добавить data атрибут при динамическом создании элемента?

Нужно вставить data атрибут, чтоб использовать элемент для показа модального окна
data-toggle="modal"
data-target="#modal-map-body"
при попытке добавить атрибут с дефисом, понятно выдает ошибку

вариант как с backgroundImage вместо background-image здесь не прокатывает

вариант с точкой тоже data.toggle

экранировать обратным слешем \ не помогает

$("<div/>", {
     "id": "zoom-map",
      text: "Увеличить карту",
      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");
  • Вопрос задан
  • 454 просмотра
Решения вопроса 2
yarkov
@yarkov Куратор тега JavaScript
Помог ответ? Отметь решением.
В кавычки возьмите
$("<div/>", {
     "id": "zoom-map",
      "text": "Увеличить карту",
      "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");
Ответ написан
@Maa-Kut
$('<div/>', { ... }).insertAfter("ul.map-visible-list").data('toggle', 'modal').data('target', "#modal-map-body");
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы