Добавить изображение в качестве значения атрибута в popover - PullRequest
Новая
       21

Добавить изображение в качестве значения атрибута в popover

0 голосов
/ 21 мая 2018

Я пытаюсь показать изображение в всплывающем окне,

после того, как я создал элемент, я добавляю атрибуты для отображения всплывающего окна. 

var item = document.createElement('div');

var att2 = document.createAttribute("data-toggle");
var att3 = document.createAttribute("title");
var att4 = document.createAttribute("data-content");
var att5 = document.createAttribute("data-placement");

att4.value = "<img src ='blablabla.png' />;"
att3.value = itemname;
att2.value = "popover";
att5.value = "top"

item.setAttributeNode(att5);
item.setAttributeNode(att2);
item.setAttributeNode(att3);
item.setAttributeNode(att4);

Есть идеи?вывод в всплывающем контенте: <img src ='blablabla.png' />;

Решение

просто добавьте html: true в 

 $('[data-toggle="popover"]').popover({html:true,trigger:"hover",container: 'body'});

1 Ответ

0 голосов
/ 21 мая 2018 

function addImg(theDiv,theImg) {
  var element  = document.createElement("img");
  element.src = theImg;
  document.getElementById(theDiv).appendChild(element);
}
<div id="myDiv" onclick="addImg('myDiv','https://media1.popsugar-assets.com/files/thumbor/7NnYpYvDfxr_HYUpa4tySashCM8/fit-in/1024x1024/filters:format_auto-!!-:strip_icc-!!-/2017/03/17/915/n/1922398/40d6ad1840bc51bf_GettyImages-89938282/i/1997.jpg')">
Click me to append image
</div>

Это то, что вы ищете?Трудно сказать из твоего объяснения.

...