Question

我有一个奇怪的问题。

我正在尝试在我的Web应用程序上的一些单选按钮和复选框上实现一些简单的逻辑。但是，当我尝试运行该应用程序时，我在Firefox中收到以下错误：

ReferenceError：$未定义

我的jQuery：

$( document ).ready(function() {

alert("Test JS file is loaded");


jQuery('#CTRL').click(function () {

        jQuery('#CTRLDEC').attr('disabled', true);
        jQuery('#OUT').attr('value', 'N');

});

jQuery('#CTRL1').click(function () {

    jQuery('#CTRLDEC').attr('disabled', false);
    jQuery('#OUT').attr('value', 'Y');

});

});

在Firefox中调试时，我可以看到：

<script type="text/javascript" src="javascript/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="javascript/modernizr-2.6.2.min.js"></script>

并检查文件是否存在，是否正确命名并包含插件代码。

由于该网站正在使用框架集（我将很快摆脱框架集的旧网站），我还可以看到：

<script type="text/javascript" src="javascript/jquery-1.9.1.min.js"></script>

再次导入..

重要两次不应该导致这个问题，应该吗？

Answer 1

您可能与jQuery的全局$发生冲突。确保在运行主JavaScript之前加载jQuery，并且为了更好地衡量，请替换：

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

...与：

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

$未定义 - 但我可以看到它正在被加载

1 个答案: