7

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

我得到的错误是：

未捕获的类型错误：对象 [object Object] 的属性“$”不是函数（匿名函数）

我正在尝试导入Percentage Loader jQuery 插件

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 上阅读了许多主题，但仍然无法修复它。

4

1 回答 1

4

在这个 SO 帖子中似乎有一个类似的问题，但在 WordPress 中。

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

尝试替换这个：

$(function() {

有了这个：

jQuery(document).ready(function ($) {
于 2013-04-11T13:47:35.550 回答