我正在尝试包含一个关闭按钮,用于将展开的div关闭到其原始状态。现在,在下面的两个示例中,您可以在任何地方单击以关闭它,我想禁用它。
下面两个中的任何一个的解决方案都会很棒。
谢谢!
https://github.com/colinlohner/FSM-JS
https://cdnjs.cloudflare.com/ajax/libs/gsap/1.18.3/TweenMax.min.js
发布于 2019-12-23 08:29:48
制作一个关闭按钮,并将单击事件侦听器附加到关闭按钮,而不是展开的div。
在第一支笔中,假设关闭按钮的id为closing-button
。你得换掉
$fsmActual.addEventListener("click", closeFSM);
使用
document.querySelector('#closing-button')
第二个函数在每个div上有一个关闭函数,所以你需要在每个div上有一个关闭按钮。试试这个:
[...]
var tiles = document.querySelectorAll(".tile");
var closing = document.querySelectorAll(".closing-button");
for (var i = 0; i < tiles.length; i++) {
addListeners(tiles[i], pages[i], closing[i]);
}
function addListeners(tile, page, close) {
tile.addEventListener("click", function() {
animateHero(tile, page);
});
close.addEventListener("click", function() {
animateHero(page, tile);
});
https://stackoverflow.com/questions/59451992
复制