Skip to content

Commit

Permalink
fix one glitch
Browse files Browse the repository at this point in the history
  • Loading branch information
YieldRay committed Nov 23, 2023
1 parent 0b0a89f commit 1defdcc
Showing 1 changed file with 1 addition and 1 deletion.
Original file line number Diff line number Diff line change
Expand Up @@ -446,7 +446,7 @@ customElements.define("expanding-list", ExpandingList, { extends: "ul" });

你使用 `<ul>` 元素与往常一样,但在 `is` 属性内指定自定义元素的名称。

请注意,在这种情况下,我们必须确保定义自定义元素的脚本在 `DOM` 完全解析后执行,因为 `connectedCallback()` 在展开的列表被添加到 DOM 时就会被调用,而此时其子元素尚未添加,因此 `querySelectorAll()` 调用将找不到任何项。确保这一点的一种方法是在包含脚本的行上添加 [`defer`](/docs/Web/HTML/Element/script#defer) 属性:
请注意,在这种情况下,我们必须确保定义自定义元素的脚本在 DOM 完全解析后执行,因为 `connectedCallback()` 在展开的列表被添加到 DOM 时就会被调用,而此时其子元素尚未添加,因此 `querySelectorAll()` 调用将找不到任何项。确保这一点的一种方法是在包含脚本的行上添加 [`defer`](/docs/Web/HTML/Element/script#defer) 属性:

```html
<script src="main.js" defer></script>
Expand Down

0 comments on commit 1defdcc

Please sign in to comment.