gpt4 book ai didi

jQuery 多个变量无法在同一页面上工作

转载 作者:行者123 更新时间:2023-12-01 03:47:11 25 4
gpt4 key购买 nike

我在代码中使用 jQuery $ var 但我有一些外部 js 文件,它们使用 $jx 作为 jQuery Var。现在我的代码不起作用,我得到的 $ 不是一个函数。我删除了所有外部 js 文件,然后它就可以工作了。我寻找解决方案。很多人说“你可以使用你自己的 var 作为 jQuery/$ 而不是使用 var $jx = jQuery.noConflict();。但是当我在我的页面中调用这一行时,我的 $ var 被删除并显示“$ 不是函数”错误。我编写了一个简单的代码来解释这个问题

请阅读并测试我的以下代码。

<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
<script type="text/javascript">
//var $=jQuery.noConflict();
var $jx = jQuery.noConflict(); // this $jx var will be used in another plugins or codes

function test()
{
$("#test").hide();
}
</script>

</head>

<body>
<input type="button" value="Click Me to hide box" onclick="test()" />
<div id="test" style="border:1px solid #0033FF; background:#999900; height:100px; width:200px; color:#FFFFFF; font-size:20px;">I will be hidden</div>
</body>

运行上面的代码,点击按钮,什么也不会发生。将会发生错误。现在只需删除此行 var $jx = jQuery.noConflict(); 即可正常工作。我在这里没有使用 $jx,而是为其他外部脚本制作的。那么如何在同一页面中同时使用 $ 和 $jx 呢?我的错误是什么?

我的工作在项目进行到一半时就停止了。

请帮助我

最佳答案

Rewrite it like this

<script type="text/javascript">

$.noConflict();


function test()
{
jQuery("#test").hide();
}
</script>

这意味着您必须在代码中需要使用 $ 的地方使用 jquery,而不是 $

或者

<script type="text/javascript">
var jx = $.noConflict();


function test()
{
jx("#test").hide();
}
</script>

现在这意味着您必须在代码中需要使用 $ 的地方使用 j,而不是 $

关于jQuery 多个变量无法在同一页面上工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12507340/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com