如何避免jquery版本冲突？ [英] How to avoid jquery version conflicts ?
本文介绍了如何避免jquery版本冲突？的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我正在使用asp.net应用程序。
在主页上我有使用了像调查窗口一样的滑出式winndow，
，在内容页面中，我使用了jquery timecontrol。
但两个jquery都没有同时工作。两个jqueries都是强制性的。
请帮帮我。
我的主页代码是：
Hi ,
I am working on asp.net application.
In masterpage i have used slideout winndow like survey window,
and in content page , i have used jquery timecontrol.
But both jquery no working at a same time.Both jqueries are compulsory.
Please help me.
My master page code is :
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script>
<script src="js/jquery.tabSlideOut.v1.3.js"></script>
<script>
$(function () {
jQuery('.slide-out-div').tabSlideOut({
tabHandle: '.handle', //class of the element that will be your tab
pathToTabImage: 'images/benefits.jpg', //path to the image for the tab (optionaly can be set using css)
imageHeight: '590px', //height of tab image
imageWidth: '14px', //width of tab image
tabLocation: 'right', //side of screen where tab lives, top, right, bottom, or left
speed: 300, //speed of animation
action: 'click', //options: 'click' or 'hover', action to trigger animation
topPos: '110px', //position from the top
fixedPosition: true //options: true makes it stick(fixed position) on scroll
});
});
</script>
和内容页面代码为：
And Content page code is :
<script type="text/javascript" src="js/jquery.min.js"></script>
<link href="bstrap/bootstrap-combined.min.css" rel="stylesheet"/>
<link rel="stylesheet" type="text/css" media="screen"
href="bstrap/bootstrap-datetimepicker.min.css"/>
<script type="text/javascript" src="bstrap/bootstrap-datetimepicker.min.js">
</script>
<body>
<script type="text/javascript">
function pageLoad() {
$('#datetimepicker1').datetimepicker({
format: 'hh:mm:ss',
language: 'pt-BR', pickDate: false
});
$('#datetimepicker2').datetimepicker({
format: 'hh:mm:ss',
language: 'pt-BR', pickDate: false
});
$('#datetimepicker3').datetimepicker({
format: 'hh:mm:ss',
language: 'pt-BR', pickDate: false
});
$('#datetimepicker4').datetimepicker({
format: 'hh:mm:ss',
language: 'pt-BR', pickDate: false
});
$('#datetimepicker5').datetimepicker({
format: 'hh:mm:ss',
language: 'pt-BR', pickDate: false
});
$('#adatetimepicker1').datetimepicker({
format: 'hh:mm:ss',
language: 'pt-BR', pickDate: false
});
$('#adatetimepicker2').datetimepicker({
format: 'hh:mm:ss',
language: 'pt-BR', pickDate: false
});
$('#adatetimepicker3').datetimepicker({
format: 'hh:mm:ss',
language: 'pt-BR', pickDate: false
});
$('#adatetimepicker4').datetimepicker({
format: 'hh:mm:ss',
language: 'pt-BR', pickDate: false
});
$('#adatetimepicker5').datetimepicker({
format: 'hh:mm:ss',
language: 'pt-BR', pickDate: false
});
}
</script>
</body>
Please帮我解决这个问题，对不起英语很差
Please help me to sort out this problem and sorry for poor english
推荐答案
（function（）{
jQuery（'。slide-out- div'）。tabSlideOut（{
tabHandle：'。handlele'，//将成为你的标签元素的类
pathToTabImage：'images / benefits.jpg'，//图像的路径选项卡（可以使用css设置选项）
imageHeight：'590px'，//标签图像的高度
imageWidth：'14px'，//标签图像的宽度
tabLocation：'right '，//标签位于屏幕的一侧，顶部，右侧，底部或左侧
速度：300，//动画速度
动作：'点击'，//选项：'点击'或'悬停'，动作触发动画
topPos：'110px'，//位置来自top
fixedPosition：true //选项：true使其在滚动
}上保持固定（固定位置）;
}）;
< / script >
(function () { jQuery('.slide-out-div').tabSlideOut({ tabHandle: '.handle', //class of the element that will be your tab pathToTabImage: 'images/benefits.jpg', //path to the image for the tab (optionaly can be set using css) imageHeight: '590px', //height of tab image imageWidth: '14px', //width of tab image tabLocation: 'right', //side of screen where tab lives, top, right, bottom, or left speed: 300, //speed of animation action: 'click', //options: 'click' or 'hover', action to trigger animation topPos: '110px', //position from the top fixedPosition: true //options: true makes it stick(fixed position) on scroll }); }); </script>
和内容页面代码为：
And Content page code is :
<script type="text/javascript" src="js/jquery.min.js"></script>
<link href="bstrap/bootstrap-combined.min.css" rel="stylesheet"/>
<link rel="stylesheet" type="text/css" media="screen"
href="bstrap/bootstrap-datetimepicker.min.css"/>
<script type="text/javascript" src="bstrap/bootstrap-datetimepicker.min.js">
</script>
<body>
<script type="text/javascript">
function pageLoad() {
（' ＃datetimepicker1'）。datetimepicker（{
format：' hh：mm：ss'，
语言：' pt-BR'，pickDate： false
}）;
('#datetimepicker1').datetimepicker({ format: 'hh:mm:ss', language: 'pt-BR', pickDate: false });
（ ' ＃datetimepicker2'）。datetimepicker（{
格式：' hh：mm：ss'，
语言：' pt-BR'，pickDate： false
}）;
('#datetimepicker2').datetimepicker({ format: 'hh:mm:ss', language: 'pt-BR', pickDate: false });
这篇关于如何避免jquery版本冲突？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
