javascript - jQuery jGrowl 不工作

Question

我正在努力让这个 jGrowl 正常工作，但我运气不好，我正在努力寻找任何帮助来解决我遇到的问题。

我已经正确连接到 CSS 和 JS 页面:

<script type="text/javascript" src="<?php echo $base; ?>jgrowl/jgrowl.js"></script>
<link type="text/css" rel="stylesheet" media="all" href="<?php echo $base; ?>css/jgrowl.css"/>

我正在尝试两种不同的方法让它工作，第一种方法是我真正想要的方法，即当运行 if 语句时它应该显示如下所示的 jGrowl 窗口:

if ($flag == "OK")
{
    ?>
    <script type="text/javascript">

    $(function() 
    {
        $.jGrowl("HELLO");
    }
    );

    </script>
    <?php
}

但这并没有给我带来好运，所以我也在尝试 onclick 版本:

<p><a href="javascript:void(0);" onclick="$.jGrowl('One more message...');">Click here.</a></p>

这也不给我运气，但是在 Google Chrome 的控制台中发生了什么，它给了我这个错误:

Uncaught TypeError: Object function (a,b){return new e.fn.init(a,b,h)} has no method 'jGrowl'

我试图根据这个错误寻求帮助，但没有成功，希望有人能提供帮助!

谢谢你们。

----------------更新----------------

我一直在尝试，并从 Google Chrome 控制台中的错误中获得了更多信息...

Uncaught TypeError: Object function (a,b){return new e.fn.init(a,b,h)} has no method 'jGrowl'
(anonymous function)                         index.php:572
f.extend._Deferred.e.resolveWith             jquery-latest.min.js:2
e.extend.ready                               jquery-latest.min.js:2
c.addEventListener.C                         jquery-latest.min.js:2

我不是 100% 确定，但我认为 jquery-latest.min.js 指的是:

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>

我用它来启用网站内的 facebook 评论。这可能是个问题吗？

----------------更新----------------

如果我注释掉

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>

然后我的 jGrowl 就可以工作了，知道我该如何解决这个问题吗？否则我不能同时拥有 jGrowl 和 facebook 评论。

----------------更新----------------

我现在明白出了什么问题，我有两个:

<script type="text/javascript" src="<?php echo $base; ?>js/jquery-1.4.2.js"></script>

和

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>

我不知道这两个中的第二个也在获取主要的 jQuery 库，因此导致我的 jQuery 出现问题。现在一切都已修复并已排序。

------------ 问题已解决------------

Answer 1

我意识到我意外地链接到 jQuery 库两次，现在都已修复。

@Brad 有 3 种方法:

文件链接

<script type="text/javascript" src="<?php echo $base; ?>js/jquery-1.4.2.js"></script>

最新一分钟的链接

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>

谷歌链接

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js" type="text/javascript"></script>

但是你只能有其中的 1 个，如果你有超过 1 个，你的 jQuery/JavaScript 将失败