那就指向这一行:
wrappers = container.querySelectorAll(".wrap");
单击“退出”按钮导致错误。
点击退出按钮应该是删除球员,在蓝色播放按钮被点击后。
要测试jsitor代码,请单击运行而不是更新。
代码https://jsitor.com/KZMNnkSf5
https://jsfiddle.net/e631o2rq/
这在代码中是如何修复的?
function removePlayerHandler(evt) {
const el = evt.target;
let container = el.closest(".container");
let wrappers;
if (container) { //if multiple players
wrappers = container.querySelectorAll(".remove .wrap");
} else { //if single player
container = el.closest(".remove");
wrappers = container.querySelectorAll(".wrap");
}
wrappers.forEach(function (wrapper) {
if (wrapper.player) {
removePlayer(wrapper);
}
});
}
它以前是这样的:
function removePlayerHandler(evt) {
const el = evt.target;
const container = el.closest(".container");
const wrapper = container.querySelector(".wrap");
if (wrapper.player) {
return removePlayer(wrapper);
}
}
</div>
</div>
</div>
</div>
</div>
<div class="button-container">
<button class="exit" type="button"></button>
<button class="exit exitpPage2" type="button"></button>
<button class="exit exitpPage3" type="button"></button>
</div>
1条答案
按热度按时间x8diyxa71#
我不太清楚你想做什么,但看起来确实有点复杂。我建议你把事情简单化。
这里有一个想法:https://jsitor.com/JOlxKAhhbL
下面附加的代码也可以阅读,但由于堆栈溢出中的iframes沙箱,它无法加载youtube播放器,而是加载上面的jsitor链接。
第一个