使用jquery.noConflict（）

Question

我有两个文件。 HTML和.js文件。 在code.js中，我编写了jquery代码，在HTML文件中，我包含了code.js，如下所示：

<script src="jquery-1.4.2.js"></script>
<script src="jquery.interval.js"></script>
<script src="code.js">
jQuery.noConflict();
var $jcode = jQuery;
</script>

在code.js中，我编写了以下内容：

jcode(document).ready(function() {
     jcode.interval(checkForms, 2000); 
});

当我运行它时，它给了我错误，因为无法读取间隔未定义的属性。 我认为noConflict的使用存在问题。 你能帮忙吗？

谢谢

Answer 1

您遇到的问题是对包含内联代码的脚本标签使用了src属性。 将对noConflict的调用移至code.js或创建一个新的脚本标签，该脚本标签在引用code.js之前调用noConflict。

<script>
jQuery.noConflict();
var $jcode = jQuery;
</script>
<script src="code.js"></script>

另外，正如其他人所述，在引用jQuery别名时，请确保使用$ jcode而不是jcode。

John Resig在他的“ 降解脚本标签”帖子中对此进行了讨论。

Answer 2

您没有定义jcode变量。 $jcode完全不同。 选择一个或另一个。 坚持$jcode ：

另外，正如cleek所指​​出的，对code.js使用单独的（较早的） script块：

<script type="text/javascript">
    $jcode(document).ready(function() {
         $jcode.interval(checkForms, 2000); 
    });
</script>
<script src="code.js" type="text/javascript"></script>

Answer 3

您正在将jQuery的$分配给$ jcode。

因此，您应该使用$ jcode而不是jcode（例如$ jcode（document）.ready（））

$jcode(document).ready(function() {
   $jcode.interval(checkForms, 2000); 
});

这应该工作。

Answer 4

<script src="jquery-1.4.2.js"></script>
<script src="jquery.interval.js"></script>
<script src="code.js">
$.noConflict();
</script>


jQuery(document).ready(function($) {
     $.interval(checkForms, 2000); 
});

试试这个而不是$符号使用jQuery

Answer 5

您正在混合使用内部和外部JavScript，这至少是一种不好的做法，甚至可能失败。

将code.js中的代码替换为：

jQuery(document).ready(function() {
     jQuery.interval(checkForms, 2000); 
});

在页面中，如下编写脚本部分：

<!-- no JavaScript before this line -->
<script src="jquery-1.4.2.js"></script>
<script src="jquery.interval.js"></script>
<script src="code.js"></script>
<script>jQuery.noConflict()</script>
<!-- load or insert other JavaScript here -->

这是假设您实际上需要noConflict（），因为您的示例未显示其他任何库。 我假设您把他们排除在这个问题之外。

如果仍然出现错误，则可能是由于jquery.interval.js编码不正确。