小编Fro*_*roy的帖子

为什么align-self:伸展不能在flex项目上工作？

我试图拉伸.side-bardiv,使其占据整个窗口的高度.

我在flex容器中添加了flex并指定了flex项目的宽度和高度,但是side-bar的高度显示与flex项目相同.

是因为我的CSS类的顺序？

* {
  margin: 0;
}

.flex-container {
  display: flex;
  height: 500px;
  border: 1px solid blue;
}

.flex-items {
  width: 100px;
  height: 250px;
  border: 1px solid red;
}

.side-bar {
  width: 400px;
  align-self: stretch;
}

Run Code Online (Sandbox Code Playgroud)

<div class="flex-container">
  <div class="flex-items side-bar"></div>
  <div class="flex-items"></div>
  <div class="flex-items"></div>
  <div class="flex-items"></div>
  <div class="flex-items"></div>
  <div class="flex-items"></div>
  <div class="flex-items"></div>
  <div class="flex-items"></div>
  <div class="flex-items"></div>
  <div class="flex-items"></div>
  <div class="flex-items"></div>
  <div class="flex-items"></div>
  <div class="flex-items"></div>
  <div class="flex-items"></div>
  <div class="flex-items"></div>
  <div class="flex-items"></div>
  <div class="flex-items"></div>
  <div class="flex-items"></div>
  <div class="flex-items"></div> …

Run Code Online (Sandbox Code Playgroud)

html css css3 flexbox

Fro*_*roy

2017 07-19

8
推荐指数

2
解决办法

9961
查看次数

用于 keyup 的 Javascript addEventListener 未注册任何键值

我正在通过主体的 onload 调用来调用函数 test() 。然后在测试函数中我调用 keyPushed(e) 但我的代码没有注册任何 keyValues。此外，控制台说我的 e 值未定义，不知道为什么它在我从这里得到的示例中起作用。我究竟做错了什么？

HTML：

<body onload="test()">

</body>

Run Code Online (Sandbox Code Playgroud)

JS：

test = function(){
  console.log("test");
  document.addEventListener("keyup", keyPushed(e));
}
keyPushed = function(e){
  var keyValue = e.keyCode ? e.keyCode : e.charCode;
  alert(keyValue);
}

Run Code Online (Sandbox Code Playgroud)

代码笔

html javascript addeventlistener keyboard-events dom-events

Fro*_*roy

2019 09-30

2
推荐指数

1
解决办法

4287
查看次数

使用jQuery将类添加到DOM对象数组的正确方法是什么？

我尝试了两种类型的迭代技术,但都产生了同样的错误:

addClass不是函数

第一个例子用于:

function game(){
    var cards = $('.card');

    function initialize(){
        for(var x = 0; x < cards.length; x++) {    
            cards[x].addClass('wtf');    
        }
    };
};

Run Code Online (Sandbox Code Playgroud)

第二次尝试使用每个:

function game(){
    var cards = $('.card');

    function initialize(){
        //Add random key values to pairs of cards
        $.each( cards ,function(i, ele) {    
            ele[i].addClass('wtf');
        });
    };
};

Run Code Online (Sandbox Code Playgroud)

操作这些类型数组的正确方法是什么？

html css arrays jquery dom

Fro*_*roy

2016 04-05

2
推荐指数

1
解决办法

43
查看次数

什么:在jquery中意味着什么？

我遇到了一些具有以下内容的代码:

var game = {
    gameBoard: [0, 0, 0,
                   0, 0, 0,
                   0, 0, 0],
    user: 'X',
    yOn: '',
    newStep: function(){
        ...
    }
}

Run Code Online (Sandbox Code Playgroud)

我很困惑,因为我从未见过:像之前那样使用过.我复制了代码并尝试通过添加=来改变它,无论哪里有一个:但我一直得到一个意外的标识符错误(我这样做是为了看看:是否与=相同,我猜不是).

javascript object-literal colon

Fro*_*roy

2016 03-10

0
推荐指数

1
解决办法

66
查看次数