Question

我学会了，所以请你好。

我们说我有2个名单： 1 - 要完成的事情（比方说5项） 2 - 完成一个（0项）

＆＃13;

<div id="todo">
  <div class="item">
    <div>item 1
      <button>done?</button>
    </div>
  </div>
  <div class="item">
    <div>item 1
      <button>done?</button>
    </div>
  </div>
  ....
</div>
<!-- TODO END -->

<div id="done">
</div>

＆＃13;

当我点击按钮时，它应该将项目移动到id为“完成”的div。这很好。

但是，让我们说我犯了一个错误，希望这个项目出现在＆＃39; todo＆＃39;试。

我无法使其发挥作用。

＆＃13;

var done = document.getElementsByTagName('button');
for (var i = 0; i < done.length; i++) {
  var parent = done[i].parentElement;
  var gparent = parent.parentElement;
  if (gparent.getAttribute('id') === 'done') {
    done[i].addEventListener('click', itemDone, false);
  } else if (gparent.getAttribute('id') === 'todo') {
    done[i].addEventListener('click', itemNotDone, false);
  }
}

＆＃13;

以上是我的事件监听器的代码。

以下是两个函数的位：

这个项目可以将项目从TODO移动到DONE。

＆＃13;

function itemDone() {
  // take the button parent
  var parent = this.parentElement;

  // some other stuff here - styling changes mostly

  // move challenge to done
  var done = document.getElementById('done');
  done.appendChild(parent);
}

＆＃13;

但是我无法从DONE转移到TODO。

＆＃13;

function itemNotDone() {
  // take the button parent
  var parent = this.parentElement;

  // some other stuff here - styling changes mostly

  // move challenge to done
  var notdone = document.getElementById('todo');
  notdone.appendChild(parent);
}

＆＃13;

知道我应该改变什么才能让它发挥作用？

Answer 1

将max-width方法更改为

.popup-center-horizontal {
   max-width: 90%;
}

具有不同父

1 个答案: