Javascript错误,未捕获类型错误属性对象[对象对象]的'$'不是函数

问题描述:

我试图在Joomla模块中插入脚本。该脚本是JS中的百分比加载器。我与另一个js有一些问题,但我终于设法解决它们。

我得到的错误是:

Uncaught TypeError: Property '$' of object [object Object] is not a function (anonymous function)

我试图导入Percentage Loader jQuery plugin

而且JS代码是:

$(function() { 
    var $topLoader = $("#dttopLoader").percentageLoader({width: 256, height: 256, controllable : true, progress : 0.5, onProgressUpdate : function(val) { 
     $topLoader.setValue(Math.round(val * 100.0)); 
    }}); 

    var topLoaderRunning = false; 
    $("#dtanimateButton").click(function() { 
    if (topLoaderRunning) { 
     return; 
    } 
    topLoaderRunning = true; 
    $topLoader.setProgress(0); 
    $topLoader.setValue('0kb'); 
    var kb = 0; 
    var totalKb = 999; 

    var animateFunc = function() { 
     kb += 17; 
     $topLoader.setProgress(kb/totalKb); 
     $topLoader.setValue(kb.toString() + 'kb'); 

     if (kb < totalKb) { 
     setTimeout(animateFunc, 25); 
     } else { 
     topLoaderRunning = false; 
     } 
    } 

    setTimeout(animateFunc, 25); 

    }); 
});  

我试图改变第一线从“$(function()...”到“jquery(function()...”,因为我在stackoverflow上阅读了很多主题,但仍然无法修复它。

+0

你试过'的jQuery(函数()...',区分大小写 – 2013-04-11 13:41:49

+0

有你在你的网站包含的jQuery ? – Nope 2013-04-11 13:42:12

+0

我试过区分大小写,但仍然出现同样的错误。 是的,jQuery已经包含。 – manosim 2013-04-11 13:44:30

this SO post here似乎在类似的问题,但在WordPress。

你说你在使用Joomla。 Joomla也可能包含加载“无冲突”模式的jQuery库,也许可以应用相同的解决方案。

尝试更换此:

$(function() { 

有了这个?

jQuery(document).ready(function ($) { 
+1

或者只是'jQuery(函数($){' – 2013-04-11 13:50:42

+0

@ZacharyKniebel现在它的工作原理!!刚刚添加(jQuery)在最后,现在它显示! 对不起,但我是新来的,我找不到Zachary的回答。 Francois that works too!Thank you !! – manosim 2013-04-11 13:54:36

+0

不,第二个参数将被忽略,它根本不应该有所作为 – 2013-04-11 13:57:51