トゥートの並び順をフリップするボタンを作成 #81
Conversation
|
@paihu すみません、jsに自信がないので確認したいのですが、これって構造としてカードのdiv自体の順番を変えてしまう感じの動きをしますか? |
js/index.js
Outdated
| card_nodes.push(cards.firstChild); | ||
| cards.removeChild(cards.firstChild); | ||
| } | ||
| if (card_nodes.length == 0) return; |
There was a problem hiding this comment.
今回入れてないかもしれないですが、比較は===の方がよいです
There was a problem hiding this comment.
あと、そもそもですが、card_nodes.lengthで比較するよりは、!cards || !cards.hasChildNodes()の方がわかりやすいかもしれません
There was a problem hiding this comment.
cardsに空のtext node があることが分かったのでタイミングによって cards.childNodesがあっても card_nodes.length が0となることがありますのでここで確認しておくことに意味はありそうです。
There was a problem hiding this comment.
あー、意味がわかりました、childNodesがあっても飛ばすからということですね。最新の奴見て納得しました。
|
PR のプレビュー： https://deploy-preview-81--zen-edison-40804e.netlify.com/ で試しました。 初回読み込みは時間がかかるもの、「Flip」押下でサクッと入れ替わりました！！ ただ、最新の
現在は、作成時のドメインを見てダイナミックに変わるので、アップデートすると直ると思います。 コンフリクトしなければいいのですが 🤞 |
|
パーマリンクの件は、今回の差分には含まれていないので、マージすると正しく動くと思います。 |
|
ねんのためLGTM（待ちになってたらすみません） |
|
@yume-yu マジ卍して 👌 ？ |
related issue: #77
割と強引に入れ替えているので、リストが長いと時間かかるかもしれません。
ボタンの位置は適当なので不満があればいい感じに入れ替えてもらえると良さそうです。