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

我不是百分之百确定，但我认为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>

指向google的链接

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

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