Question

我一直在创建一个主要用display：flex组织的网站。所有内容都在一个html中，并使用JQ来显示（）和隐藏（）不同的内容。现在我正在尝试使用div创建一个“弹出窗口”窗口。我最初隐藏（）弹出div。当我点击按钮（这是一个弹性项目）时似乎没有任何事情发生。它好像flex的属性正在推动它。以下是我的代码看起来的原因示例。有人有这方面的经验吗？

<div class="flex-container">
  <div class="button"></div>
  <div class="button"></div>
  <div class="button-to-click"></div>
  <div class="popUp"></div>
</div>

$(".popUp").hide();
 $(".popUp").click(function () {
        $("#wgl-welcome").fadeIn(500);
});

这是我正在努力完成的更新的JSFiddle。粗糙的作品 - 小提琴哈哈。容器外面的某些东西正在影响它。 https://jsfiddle.net/ab3d/97bcnvnr/5/#&togetherjs=5lME62V5tt

弹性框中的弹出div

0 个答案: