2013-04-11 163 views
7

我試圖在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

回答

4

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

相關問題