使用元素选择器通知 JS 不起作用 100%

Question

我在这里使用 Notify JS :

这是我的 HTML :

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

无法正常工作。我可以看到箭头，但看不到消息。

我已经使用我的浏览器 "inspect element" 进行了检查，class notifyjs-container 有 "display:none"，当我尝试通过我自己的 [= 将其更改为 "display:inline" 32=]，消息确实出现，但没有动画。

有人可以帮忙吗？

这里附上我之前说的小箭头的图片:

Answer 1

您需要准备好notify 文档中的设置，即：

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

发生的事情是 .notify() 脚本在页面完全呈现之前运行ning，因此 $(".elem-demo") 尝试时 .elem-demo 还不存在找到它，所以 .notify() 没有任何东西可以依附。

$(function() { ...

对于

来说是shorthand

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

这是 jquery 的说法 - 在页面元素完全加载完成之前不要运行此脚本。

将所有脚本放入像这样的现成函数中通常是个好主意（可以调用多个 $(function() { ...，它们不需要都在同一个函数中）。

有关 jquery 学习页面的更多信息：https://learn.jquery.com/using-jquery-core/document-ready/

使用元素选择器通知 JS 不起作用 100%

Notify JS with element Selector Doesn't works 100%

html

javascript

jquery

notifyjs