jquery脚本标记冲突
可能重复:jquery脚本标记冲突,jquery,Jquery,可能重复: 我使用3个JQUery wordpress插件,因此在我的header.php文件中,我有3个类似的JQUery脚本(这对于使我的插件工作非常重要…),此外,如果删除/添加一个,我将面临一个问题 它们是:(在我的header.php中) 那么,如何正确使用上述函数以避免这些jquery冲突? 根据您所说,我已更改如下: <script> var jq142 = jQuery.noConflict(); </script> <script> va
我使用3个JQUery wordpress插件,因此在我的header.php文件中,我有3个类似的JQUery脚本(这对于使我的插件工作非常重要…),此外,如果删除/添加一个,我将面临一个问题 它们是:(在我的header.php中) 那么,如何正确使用上述函数以避免这些jquery冲突?
根据您所说,我已更改如下:
<script>
var jq142 = jQuery.noConflict();
</script>
<script>
var jq142 = jQuery.noConflict();
</script>
<script>
var jq182 = jQuery.noConflict();
</script>
$(function() {
mywebsite( "#makeup" ).slider({
range: true,
min: 0,
max: 500,
values: [ 0, 500 ],
slide: function( event, ui ) {
$( "#minprice" ).val( ui.values[ 0 ] );
$( "#maxprice" ).val( ui.values[1 ] );
$( "#pricego" ).val( ui.values[0]+'-'+ui.values[1] );
}
});
});
$(document).ready(function() {
liquidcarousel('#liquid1').liquidcarousel({height:129, duration:100, hidearrows:false});
});
请纠正我的错误,如果我错了…
<script type="text/javascript" src="liquidcarousel/js/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
var someName = $.noConflict(true);
</script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
var googleapis = $.noConflict(true);
</script>
<script src="http://mywebsite.com/price-filter-wid-css/jquery-1.8.2.js"></script>
<script type="text/javascript">
var mywebsite = $.noConflict(true);
</script>
完成所有更改后,这是我的代码:(但仍然没有得到输出)
var liquidcarousel=$.noConflict(真);
$(文档).ready(函数(){
液化转盘(“#liquid1”)。液化转盘({高度:129,持续时间:100,隐藏箭头:false});
});
$(文档).ready(函数(){
液化转盘(“#liquid2”)。液化转盘({高度:129,持续时间:100,隐藏箭头:false});
});
var googleapis=$.noConflict(真);
$(文档).ready(函数($){
古格里皮斯('.accordion-6').dcAccordion({
eventType:'悬停',
自动关闭:是的,
saveState:是的,
disableLink:对,
menuClose:错,
速度:'中等',
showCount:没错,
自动展开:对,
曲奇:“dcjq-accordion-1”,
classExpand:'dcjq当前父级',
菜单关闭:错误
});
});
var mywebsite=$.noConflict(true);
#demo frame>div.demo{padding:10px!important;};
我的网站(功能(){
我的网站(“化妆”).滑块({
范围:对,
分:0,,
最高:500,
值:[0,500],
幻灯片:功能(事件、用户界面){
mywebsite(“#minprice”).val(ui.values[0]);
mywebsite(“#maxprice”).val(ui.values[1]);
mywebsite(“#pricego”).val(ui.values[0]+'-'+ui.values[1]);
}
});
});
我仍然没有得到输出。。请告诉我出了什么问题?…您是否真的将同一版本的jQuery包含了两次?ಠ_ಠ我真的没有得到那些链接。。。现在我到底要做什么。。。?请建议我…嘿,请在上面检查我的答案一次,是否正确..?我在上面编辑了,你能检查..吗?请检查我在上面的最终代码(完成完整编辑后),请告诉我上面有什么错误?var liquidcarousel=$.noConflict(真);使用var someName=$.noConflict(true);取而代之的是在所有地方进行纠正。希望能有所帮助!如果仍然存在问题,请参阅以获得清晰的概念var liquidcarousel=$.noConflict(true);使用var liquidcarousel=$.noConflict(true);相反,你改变了什么?之前的评论被编辑!!现在看
<script type="text/javascript" src="liquidcarousel/js/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
var someName = $.noConflict(true);
</script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
var googleapis = $.noConflict(true);
</script>
<script src="http://mywebsite.com/price-filter-wid-css/jquery-1.8.2.js"></script>
<script type="text/javascript">
var mywebsite = $.noConflict(true);
</script>
<!-- Liquidcarousel Stuff -->
<link type='text/css' rel='stylesheet' href='liquidcarousel/css/style.css' />
<link type='text/css' rel='stylesheet' href='liquidcarousel/css/liquidcarousel.css' />
<script type="text/javascript" src="liquidcarousel/js/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
var liquidcarousel = $.noConflict(true);
</script>
<script type="text/javascript" src="liquidcarousel/js/jquery.liquidcarousel.pack.js"></script>
<script type="text/javascript">
$(document).ready(function() {
liquidcarousel('#liquid1').liquidcarousel({height:129, duration:100, hidearrows:false});
});
$(document).ready(function() {
liquidcarousel('#liquid2').liquidcarousel({height:129, duration:100, hidearrows:false});
});
</script>
<!-- Categories Display Widget Stuff -->
<link href="http://mywebsite.com/cat-wid-css/css/dcaccordion.css" rel="stylesheet" type="text/css" />
<link href="http://mywebsite.com/cat-wid-css/css/skins/blue.css" rel="stylesheet" type="text/css" />
<link href="http://mywebsite.com/cat-wid-css/css/skins/graphite.css" rel="stylesheet" type="text/css" />
<link href="http://mywebsite.com/cat-wid-css/css/skins/grey.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
var googleapis = $.noConflict(true);
</script>
<script type='text/javascript' src='http://mywebsite.com/cat-wid-css/js/jquery.cookie.js'></script>
<script type='text/javascript' src='http://mywebsite.com/cat-wid-css/js/jquery.hoverIntent.minified.js'></script>
<script type='text/javascript' src='http://mywebsite.com/cat-wid-css/js/jquery.dcjqaccordion.2.7.min.js'></script>
<script type="text/javascript">
$(document).ready(function($){
googleapis('.accordion-6').dcAccordion({
eventType: 'hover',
autoClose: true,
saveState: true,
disableLink: true,
menuClose: false,
speed: 'medium',
showCount: true,
autoExpand: true,
cookie : 'dcjq-accordion-1',
classExpand : 'dcjq-current-parent',
menuClose: false
});
});
</script>
<!-- Price Filter Display Widget Stuff -->
<link rel="stylesheet" href="http://mywebsite.com/price-filter-wid-css/themes/base/jquery.ui.all.css">
<script src="http://mywebsite.com/price-filter-wid-css/jquery-1.8.2.js"></script>
<script type="text/javascript">
var mywebsite = $.noConflict(true);
</script>
<script src="http://mywebsite.com/price-filter-wid-css/ui/jquery.ui.core.js"></script>
<script src="http://mywebsite.com/price-filter-wid-css/ui/jquery.ui.widget.js"></script>
<script src="http://mywebsite.com/price-filter-wid-css/ui/jquery.ui.mouse.js"></script>
<script src="http://mywebsite.com/price-filter-wid-css/ui/jquery.ui.slider.js"></script>
<link rel="stylesheet" href="http://mywebsite.com/price-filter-wid-css/demos.css">
<style>
#demo-frame > div.demo { padding: 10px !important; };
</style>
<script>
mywebsite(function() {
mywebsite( "#makeup" ).slider({
range: true,
min: 0,
max: 500,
values: [ 0, 500 ],
slide: function( event, ui ) {
mywebsite( "#minprice" ).val( ui.values[ 0 ] );
mywebsite( "#maxprice" ).val( ui.values[1 ] );
mywebsite( "#pricego" ).val( ui.values[0]+'-'+ui.values[1] );
}
});
});
</script>
<script type="text/javascript" src="liquidcarousel/js/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
var someName = $.noConflict(true);
</script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
var googleapis = $.noConflict(true);
</script>
<script src="http://mywebsite.com/price-filter-wid-css/jquery-1.8.2.js"></script>
<script type="text/javascript">
var mywebsite = $.noConflict(true);
</script>
$(document).ready(function() {
// $('#liquid1').liquidcarousel({height:129, duration:100, hidearrows:false});
googleapis('#liquid1').liquidcarousel({height:129, duration:100, hidearrows:false}); //if you need to use googleapis jquery version in that case
});
someName(function() {
someName( "#makeup" ).slider({ // if you need liquidcarousel to use in this case
range: true,
min: 0,
max: 500,
values: [ 0, 500 ],
slide: function( event, ui ) {
someName( "#minprice" ).val( ui.values[ 0 ] );
someName( "#maxprice" ).val( ui.values[1 ] );
someName( "#pricego" ).val( ui.values[0]+'-'+ui.values[1] );
}
});
});