当切换某个类时,Div元素会移动。 Javascript DOM

时间:2017-12-02 13:35:57

标签: javascript html css dom

所以我在学校有一个作业,我必须在javascript中制作一个“记忆”游戏。所以要隐藏我的旗帜,我使用我制作了一个名为.card的类,它只是标志上方的黑色背景位置以隐藏它们。因此,当用户点击标志我想要切换类.card并且它将被删除,但是当我点击一个标志时我认为该类被切换但是标志被移动到另一个标志后面。我不知道为什么会这样。

这是包含所有代码的jsfiddle,因此您可以测试它: https://jsfiddle.net/L2q63k0p/

.card {
    height: 100px;
    width: 150px;
    background-color: black;
    z-index: 10;
    position: absolute;
    opacity: 0.5;
    pointer-events: none;
}

请注意,您必须单击“主要”背景标志而不是第1部分和第2部分。

我感谢所有的帮助,这也是我的第一个问题,所以我不知道我是否按照应有的方式完成了所有工作。但我希望。

1 个答案:

答案 0 :(得分:0)

如果我理解你的问题是正确的,你想要在答案是正确的时候删除标志/应用.card类吗? 如果是这种情况,您应该查看css属性display: none。为了让你更清楚你在做什么,我会将你的.card重命名为.hidden,并只显示 public partial class EditWindow : Window { public EditWindow(ref Location location, bool isEdit) { InitializeComponent(); InitialLocation = location; //InitialLocation = ref location; //This is what I want my code to do location.Name = "new"; //this changes varaiable outside scope } private Location InitialLocation;

相关问题