Question

这可能很简单，但我是JavaScript的新手，并不确定我做错了什么。

基本上我在网站上有一个配置文件配置页面，通过表单，您可以更改您的昵称，电子邮件，首选联系方式等。我正在寻找方法，以便在您成功更改内容时轻松显示通知并找到notify.js - 遗憾的是，除了如何调用它的函数之外，在实际安装/使用它时找不到太多帮助，我尝试的任何东西似乎都没有用。

我从此页面复制了文本并将其放在名为notify.js的本地文件中 - 它与其余文件位于同一目录中。 https://raw.githubusercontent.com/msroot/Notify.js/master/Notify.js

我正在尝试调用Notify函数来显示成功/错误消息，但它似乎永远不会出现：

<html>
  <head>
    ...code...
    <script src="notify.js"></script>
    <?php
      if ($nickChanged == 1) {
        ?>
          <script>
            $(document).ready(function() {
              Notify("An error occurred while saving your new nickname.", null, null, 'danger');
            );
          </script>
        <?php
        } else if ($nickChanged == 2) {
        ?>
          <script>
            $(document).ready(function() {
              Notify("Successfully changed nickname!", null, null, 'success');
            });
          </script>
        <?php
        }
      ?>
  </head>

任何人都知道我做错了什么？同样，它可能很简单，但这基本上是我第一次使用JavaScript

根据请求呈现HTML：

...code...
<script src="notify.js"></script>
                    <script>
                $(document).ready(function() {
                    Notify("Successfully changed nickname!", null, null, 'success');
                });
            </script>
                </head>
...code...

在浏览器控制台中发现此错误：未捕获的ReferenceError：$未定义在http：// 网站 .net / sc / profile.php：80：17

在实际的php文件中，第80行是CSS，但在呈现的页面中，它是这一行： $（document）.ready（function（）{

有人提到我应该添加jQuery，所以我添加了这一行：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

仍然没有显示通知，应该修复它吗？

Answer 1

尝试在jQuery旁添加bootstrap和font awesome：

<link href="http://getbootstrap.com/dist/css/bootstrap.min.css" rel="stylesheet">
<link href='http://fonts.googleapis.com/css?family=Cabin' rel='stylesheet' type='text/css'>
<link href="http://fortawesome.github.io/Font-Awesome/assets/font-awesome/css/font-awesome.css" rel="stylesheet">

JavaScript新手，似乎没有运行函数（Notify.js）

1 个答案: