Question

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

我得到的错误是：

未捕获的TypeError：对象[object Object]的属性'$'不是功能（匿名功能）

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库，也许可以应用相同的解决方案。

尝试替换它：

$(function() {

有了这个：

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

Javascript错误，未捕获TypeError属性'$'的对象[object Object]不是函数

1 个答案: