【问题标题】:Javascript Error, Uncaught TypeError Property '$' of object [object Object] is not a functionJavascript 错误,对象 [object Object] 的未捕获 TypeError 属性“$”不是函数
【发布时间】:2013-04-03 17:43:09
【问题描述】:

我正在尝试在 Joomla 模块中插入脚本。该脚本是 JS 中的百分比加载器。我在使用另一个 js 时遇到了一些问题,但我终于设法解决了。

我得到的错误是:

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

我正在尝试导入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 上阅读了许多主题,但仍然无法修复它。

【问题讨论】:

  • 你试过jQuery(function()...,区分大小写吗?
  • 您的网站中包含 jQuery 吗?
  • 我试过区分大小写但仍然是同样的错误。是的,已经包含 jQuery。
  • @ManolisC.:Pitty Zach 删除了他的答案,我也对语法有点不满意,因此我删除了我的。您能否发布最终对您有用的内容,以便我们有一个很好的答案?我认为这对未来的用户非常有用。您也可以在等待一段时间后接受自己的答案。
  • @François:我认为最终起作用的是jQuery(function($) {...});(或更长的等价物)。这里的关键是将$ 作为第一个参数传递。尽管 OP 声称已尝试使用 jQuery,但他们可能并未更改每次出现的 $。您应该取消删除您的答案并删除您的编辑。

标签: javascript jquery joomla types


【解决方案1】:

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

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

尝试替换这个:

$(function() {

有了这个:

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

【讨论】:

  • 或者只是jQuery(function($) {
  • @ZacharyKniebel 现在可以了!!刚刚在最后添加了(jQuery),现在它出现了!抱歉,我是新来的,找不到 Zachary 的答案。弗朗索瓦也有效!谢谢!!
  • 不,第二个参数将被忽略。它根本不应该有所作为。
  • @ManolisC.:我取消了最后一次编辑,因为它只会增加混乱。让我知道现在是否可以接受。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2011-01-05
  • 2015-01-14
  • 1970-01-01
  • 1970-01-01
  • 2013-12-11
  • 2013-07-21
  • 1970-01-01
相关资源
最近更新 更多