Javascriptエラー、Uncaught TypeErrorオブジェクト 'object object'の '$'が関数ではありません

Question

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に関する多くのトピックを読んでいますが、修正できません。

Answer 1

this SO post hereでもWordPressでは同様の問題があるようです。

あなたはJoomlaを使用していると言いました。 Joomlaには、jQueryライブラリに「no conflict」モードがロードされていて、おそらく同じソリューションを適用することもできます。

これを交換してみてください。これにより

$(function() { 

：

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