object.style.order不更新一次以上

时间:2019-04-25 06:09:40

标签: javascript css dom styles

当使用object.style.order和js设置对象的flexbox订单样式时,它第一次运行就没有问题。当我尝试通过调用相同的方法再次这样做时,它不起作用。代码如下

jupyter

稍微尝试一下也不起作用

send_message = function(message, jid) {
  node = document.createElement("div")
  node.classList.add("chat", "chat_outgoing", "sending")
  node.innerText = message
  var order = Date.now() - 1
  document.getElementById(jid).style.order = 0 - Date.now()
  request({
    method: "post",
    body: {
      message: message,
      peer_jid: jid
    },
    json: true,
    url: `${flask}/send`
  }).on("response", function(response) {
    node.classList.remove("sending")
    node.classList.add("delivered")
  })
  threads[jid].appendChild(node)
  document.getElementById("thread").innerHTML = threads[jid].innerHTML
  update_chat_scroll()
}

但是,当我尝试在开发人员控制台中执行相同的操作时,它会按照我期望的方式工作。我的Date.now()调用是否存在一些问题,导致其不返回值,或者我是否未正确使用.style.order?

谢谢

0 个答案:

没有答案