使用元素选择器通知JS并不能100％正常工作

Question

我在这里使用Notify JS：

http://notifyjs.com/

这是我的HTML：

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

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

我已经使用我的浏览器＆＃34;检查元素＆＃34;，类notifyjs-container有＆＃34; display：none＆＃34;当我尝试将其更改为＆＃34;显示：内联＆＃34;通过我自己的CSS，消息确实出现了，但没有动画。

有人可以帮忙吗？

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

Answer 1

您需要将notify设置放在doc中，即：

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

正在发生的事情是.notify()脚本在页面完全呈现之前正在运行，因此当.elem-demo尝试找到它时$(".elem-demo")尚不存在，因此{{ 1}}无所依附。

.notify()

是

的简写

$(function() { ...

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

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

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