为什么使用 alpinejs 的代码笔示例不再有效？
Why codepen example with alpinejs does not work anymore?
我想 post 一个带有 codepen 示例的 alpinejs 问题，
但是打开我的旧代码笔，我发现它不起作用。
我将对 2.1 版本的引用替换为 3.x 支线：
<script src="//unpkg.com/alpinejs" defer></script>
但是在浏览器的控制台中我有几个错误，结果我之前的工作示例现在不工作了。
请检查保存的笔：https://codepen.io/petrogromovo/pen/yLMNVLr
提前致谢！
当我打开你的代码笔示例时，一切正常。我在控制台中获得“appInit::”日志，单击“打开模式”按钮时 showModal 变量会正确更新。 （以与发布 isPageLoaded 变量相同的方式在屏幕上显示）
但是，您的模态框没有显示，因为模态框上有一个 class“隐藏”。 AlpineJS 不会将显示样式设置为类似“块”的样式。它只是删除 display: none;，并且因为您应用了 class“隐藏”，所以模态将永远隐藏。
我想 post 一个带有 codepen 示例的 alpinejs 问题， 但是打开我的旧代码笔，我发现它不起作用。 我将对 2.1 版本的引用替换为 3.x 支线：
<script src="//unpkg.com/alpinejs" defer></script>
但是在浏览器的控制台中我有几个错误，结果我之前的工作示例现在不工作了。 请检查保存的笔：https://codepen.io/petrogromovo/pen/yLMNVLr
提前致谢！
当我打开你的代码笔示例时，一切正常。我在控制台中获得“appInit::”日志，单击“打开模式”按钮时 showModal 变量会正确更新。 （以与发布 isPageLoaded 变量相同的方式在屏幕上显示）
但是，您的模态框没有显示，因为模态框上有一个 class“隐藏”。 AlpineJS 不会将显示样式设置为类似“块”的样式。它只是删除 display: none;，并且因为您应用了 class“隐藏”，所以模态将永远隐藏。