点击不会按钮添加工作动态

我加入一个按钮，动态地根据DIV存在，所以我有这样的：点击不会按钮添加工作动态

function addVideoButton(id) { 
    var div = document.createElement('div'); 
    div.className = 'video'; 
    div.dataset.videoid = id; 
    div.dataset.params =  "modestbranding=1&am;showinfo=0&vq=720&color=white&theme=light&fs=1" 
    div.innerHTML = '<button class="play c-btn"><use xlink:href="#play"></use>WATCH VIDEO</button>'; 
    var title = findTitle(); 
    document.getElementById(title).appendChild(div); 
}

另外，我有下面的一块，所以当这些类型的按钮是点击，一个参数是拍摄（视频ID），然后视频是在一个模式发挥

// show frame for the video modal 
    $(this).find('.play').on("click", function() { 
     showFrame(getIframe(videoId, params), "video"); 
    });

不过，我注意到，如果我动态添加按钮如上，然后单击事件绑定将无法正常工作，如果我点击了，它不会启动模式，我错过了什么？

来源

2017-08-23 John R

使用vanilla JS，只需在addVideoButton函数内添加事件监听器 –

请使用下面的代码将点击绑定到动态添加的容器。 DOM中未来的任何元素应该像下面那样绑定到事件。

$("body").on("click",".play", function() { 
     showFrame(getIframe(videoId, params), "video"); 
    });

来源

2017-08-23 22:24:41

试过但没有工作，而且，如果我在同一页上有不同的按钮怎么办？ –

奇怪，如果它不工作尝试$（document）.on（“click”，...... –

您需要将事件添加到按钮的父元素之一，该元素是在文档加载时出现的。事件冒起来，将被抓住。在你的情况下，你的整个<div>是动态添加的，所以添加一个事件处理程序到这个<div>的直接父母应该工作。

来源

2017-08-23 22:55:08 Silencer310

点击不会按钮添加工作动态

回答

相关问题