TypeError:$(...)在firebug中为null错误,但代码适用于jsFiddle

Question

你可以在http://jsfiddle.net/twsx7/9/看到我的js(以及相关的html和css)

我正在进行调整以使用Blackboard Learn 9.1(因此,如果有人体验过学习管理系统,或者使用调整构建块,他们可能已经知道为什么我会遇到这个问题).

我正在进行的更改包括检查应用的课程主题,然后根据该类添加一个类,以便对表进行样式设置以匹配主题.

当我在我们的服务器上运行它时,我得到错误$(...) 在到达var theme_id = $(".current")时为空.at("id"); .JS的其余部分工作(请注意,JS的顶部通常是包含在页面上的另一个文件,无法将其链接到jsfiddle,因为它在经过身份验证的服务器上)

我对这个文件的贡献是(以及代码失败的地方):

第242行

$unitMap.addClass(getTheme());

381 - 385行

function getTheme() {
    var theme_id = $(".current").attr("id"); // error occurs this line
    var theme = $("#"+theme_id).find("a").html();
    return theme.toUpperCase();
}

这是我第一次尝试使用jQuery,因此我担心的是我使用了错误的语法来编写代码所使用的jQuery版本.

当您选择包含调整时,我在代码中找到以下内容:

<script src='/webapps/qut-tweakbb-BBLEARN/jquery.js' type='text/javascript'></script><script src='/webapps/qut-tweakbb-BBLEARN/jquery.tweakSetup.js' type='text/javascript'></script>

jsFiddle顶部的代码来自jquery.tweakSetup.js

我希望我只是用错了标记的jQuery的版本(虽然我不能缝找什么原来写的代码版本)的任何建议将不胜感激.

Answer 1

1. 在运行自定义脚本之前,请确保已加载jQuery
2. 您是否从JSFiddle复制代码然后立即使用它？小提琴代码有腐败的习惯.在;通常被定义为无效的字符.将其删除并自行重新输入.

增加:3.正如John Fontaine指出的那样,jQuery可能与另一个库发生冲突.要绕过这个,你可以使用jQuery noConflict模式.该文件是对这个很清楚,但我会举一些例子,以防万一.

最好的方法如下,或者至少是我的偏好:

使用另一个变量代替$,例如$j.通过这样做,您和您的代码的任何其他管理员都清楚,此代码依赖于另一个库而不是$.

示例:

var $j = jQuery.noConflict();

// Use jQuery via $j(...)
$j(document).ready(function () {
  var secondary = $j("#secondary-footer");
  secondary.hide().addClass("fixed").fadeIn("fast");

  $j(window).scroll(function () {
    if (secondary.offset().top >= ($j(document).height() - 350)) {
      secondary.removeClass("fixed");
    } else if (secondary + ":not('.fixed')") {
      secondary.addClass("fixed");
    }
  });
});

这种方法的"危险"是你有时可能会忘记使用这个变量.你可以做的是使用正常的美元符号开始,当你完成后,做一个替换的发现.

可能是最直接的方法:

jQuery(function ($) {
  var secondary = $("#secondary-footer");
  secondary.hide().addClass("fixed").fadeIn("fast");

  $(window).scroll(function () {
    if (secondary.offset().top >= ($(document).height() - 350)) {
      secondary.removeClass("fixed");
    } else if (secondary + ":not('.fixed')") {
      secondary.addClass("fixed");
    }
  });
});

这允许您在该块中使用jQuery ,即以开头jQuery(function ($) {和结尾的块});.