Php 停止两个jquery之间的冲突
我在一个基于Web的软件中工作,它是内置的“codeigniter”。在这个软件中,他们使用了jQueryUI、bootstrap JQuery等 这里我想实现内联编辑功能。我成功地实现了它,但在实现了内联编辑功能之后,由于两个jQuery之间的冲突,它的其他功能无法正常工作 下面是我们添加的jquery代码:Php 停止两个jquery之间的冲突,php,jquery,mysql,codeigniter,jquery-ui,Php,Jquery,Mysql,Codeigniter,Jquery Ui,我在一个基于Web的软件中工作,它是内置的“codeigniter”。在这个软件中,他们使用了jQueryUI、bootstrap JQuery等 这里我想实现内联编辑功能。我成功地实现了它,但在实现了内联编辑功能之后,由于两个jQuery之间的冲突,它的其他功能无法正常工作 下面是我们添加的jquery代码: <script> $(document).ready(function(){ $('div.auto').click(function(){
<script>
$(document).ready(function(){
$('div.auto').click(function(){
$('.ajax').html($('.ajax input').val());
$('.ajax').removeClass('ajax');
$(this).addClass('ajax');
$(this).html('<input id="editbox" size="'+$(this).text().length+'" type="text" value="' + $(this).text() + '">');
$('#editbox').focus();
}
);
</script>
$(文档).ready(函数(){
$('div.auto')。单击(函数(){
$('.ajax').html($('.ajax输入').val());
$('.ajax').removeClass('ajax');
$(this.addClass('ajax');
$(this.html(“”);
$(“#编辑框”).focus();
}
);
我还将下面的代码放在上面停止jQuery冲突的代码之前:
<script>
$.noConflict();
// Code that uses other library's $ can follow here.
</script>
$.noConflict();
//使用其他库的$的代码可以在这里找到。
-$。noConflict()
释放对$
的控制,并将以前分配给它的值分配给它。在页面下方可以看到以下内容:
示例:加载两个版本的jQuery(不推荐)。然后,
将jQuery的全局作用域变量恢复到第一个加载的
jQuery
备选方案:
jQuery(document).ready(function(jq) {
//you may now safely use jq inside here. Or if you pass a different parameter - use that
jq("#mydiv").addClass('ajax');
//now that $ is not jQuery, but another library, you can also use that library
$.nonJQueryFunctionOfSomeOtherLibraryUsing$Symbol();
});
你的意思是你包含了两个jQuery版本吗?顺便说一句,控制台中有错误吗?你能提供任何在线链接吗?不,实际上我没有包含两个jQuery版本,但我只是把上面的代码放在了内联编辑中,然后弹出的功能不起作用。在发布代码之前,新的表单会像弹出的一样打开,但当我添加此代码时,它会在该选项卡中打开,然后我不明白为什么要使用jQuery noConflict()方法(如果不使用任何其他使用
$
)的库。要尝试修复两个jQuery插件之间的冲突,请首先打开控制台检查是否存在任何可能重复的错误,并检查此错误以供参考。我的控制台显示“未捕获类型错误:未定义不是函数”仅错误我应用两个代码,但结果相同不起作用请转到并设置一个起作用的示例,这样我们就可以看到您编写的内容和不起作用的内容。目前我无法提供更多信息,因为我不知道您尝试了什么。
jQuery(document).ready(function($) {
//you may now safely use $ inside here. Or if you pass a different parameter - use that
});
jQuery(document).ready(function(jq) {
//you may now safely use jq inside here. Or if you pass a different parameter - use that
jq("#mydiv").addClass('ajax');
//now that $ is not jQuery, but another library, you can also use that library
$.nonJQueryFunctionOfSomeOtherLibraryUsing$Symbol();
});