jQuery jGrowl无法正常工作

时间:2011-09-29 09:51:35

标签: javascript jquery jgrowl

我试图让这个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'

我试图找到基于此错误的帮助,但没有运气,希望有人可以提供帮助!

谢谢你们。

---------------- UPDATE ------------------

我一直在玩游戏,而且谷歌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评论。这可能是一个问题吗?

---------------- UPDATE ------------------

如果我发表评论

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

然后我的jGrowl有效,任何想法我怎么能解决这个问题?否则我不能同时使用jGrowl和facebook评论。

---------------- UPDATE ------------------

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

<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问题。现在全部修好了。

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

1 个答案:

答案 0 :(得分:4)

我意识到我偶然连接了两次jQuery库,现在都修复了。

@Brad有三种方法:

链接到文件

<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个,如果你的jQuery / JavaScript失败超过1个