Question

当弹出链接位于<script>标记之间时，它不起作用。

if(data.userdata["money_back"] == 1){
 chat_list += '<a data-popup-open="popup-90">Download</a>';
}

我正在推动当它位于<body>标签之间时，它可以正常工作

<body><a data-popup-open="popup-90">Download</a></body>

{data-popup-open'在<script>代码之间不起作用吗？

这是一个基本上我正在尝试做的JSFiddle：
http://www.jsfiddle.net/tkkpf9dp

Answer 1

那样的东西？

var popup = '<a data-popup-open="popup-90">Download</a>';
document.body.innerHTML += popup;

Answer 2

我认为问题在于事件处理。应该打开弹出窗口的事件可能不会触发。这是因为您正在创建动态DOM元素。动态元素的事件处理以不同的方式工作。如果你使用的是jQuery，你可能需要使用类似的东西

只需添加一个类＆＃39; popup＆＃39;到了＆＃39; a＆＃39;像这样的标签

 <a class="popup" data-popup-open="popup-90">Download</a>

和JavaScript

$('body').on('click','.popup',function() {

  var popup = $(this).data('popup-open');
  console.log(popup); //  For this example you will get the output 'popup-90' in the console
  // You can write the code to open the pop up here 
});

弹出窗口不能在Javascript中工作

2 个答案: