Javascript 通知JS元素选择器不存在'；t工作100%

我在这里使用Notify JS：

这是我的HTML：

  <div>
    <p><span class="elem-demo">aaaa</span></p>
    <script>
      $(".elem-demo").notify(
        "Hello Box",
        {
          autoHide:false
        }
      );
    </script>
  </div>

aaaa

$（“.elem演示”）。通知(
“你好盒子”，
{
自动隐藏：false
}
);

它不能正常工作。我能看到箭头，但看不到信息

我已经使用我的浏览器“inspect element”检查过了，notifyjs类容器有“display:none”，当我尝试通过自己的css将其更改为“display:inline”时，消息确实会出现，但没有动画

有人能帮忙吗

在这里，我附上我前面说过的小箭头的图像：

---

您需要将

notify

设置放在doc ready中，即：

$(function() { 
    $(".elem-demo").notify("Hello");
});

发生的情况是，

.notify（）

脚本在页面完全呈现之前运行，因此当

$（“.elem demo”）

尝试查找它时，

.notify（）

还不存在

$(function() { ...

是的缩写

$(document).ready(function() { ...

这是jquery的说法——在页面元素完全加载完毕之前不要运行这个脚本

通常，最好将所有脚本放入这样的就绪函数中（可以调用多个

$（function（）{…

，它们不需要都在同一个函数中）

---

jquery学习页面上的更多信息：

尝试将

notify

设置放在文档中，即：

$（function（）{$（“.elem demo”）.notify（“Hello”）；}；

哦，哇，它工作了，谢谢，你能解释一下为什么会发生这种情况吗？以及你的解决方案是如何工作的吗？如果你还好，请将它写为答案，这样我就可以勾选它了^^