没有冲突导致其他jquery的问题
No Conflict causing issues with other jquery
所以我在几天前发布了一篇文章,试图帮助理解如何实现无冲突。感谢@tdanielcox对我的帮助。我正确地实现了它,但它似乎在实现无冲突之前正常工作的灯箱中引起了问题。
这是没有使用冲突的页面。
http://michaelcullenbenson.com/MichaelCullenBenson.com/index2.html每个图像的灯箱处于悬停状态,点击放大镜
这个页面是在无冲突实现之前,并且有一个功能版本的lightbox,但是在底部的dribbble feed中断,没有冲突。
http://michaelcullenbenson.com/MichaelCullenBenson.com/index.html如果我删除jquery 1.6.1,灯箱继续相应的功能。唯一与灯箱工作的jquery文件是(jquery. magnifica -popup.js),但不需要1.6.1 jquery库,所以我很困惑为什么它影响它。
这里的标记与jquery没有冲突。非常感谢你的帮助!我不知道我有多感激你。<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.innerfade.js"></script>
<script type="text/javascript">
$(document).ready(
function(){
$('#news').innerfade({
animationtype: 'slide',
speed: 600,
timeout: 6000,
type: 'random',
containerheight: '1em'
});
});
</script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="utilcarousel-files/utilcarousel/jquery.utilcarousel.min.js"></script>
<script src="utilcarousel-files/magnific-popup/jquery.magnific-popup.js"></script>
<script src="js/responsive-nav.js"></script>
<script>
$(function() {
$('#fullwidth').utilCarousel({
breakPoints : [[600, 1], [800, 2], [1000, 3], [1300, 4],],
mouseWheel : false,
rewind : true,
autoPlay : true,
pagination : false
});
$('#fullwidth2').utilCarousel({
breakPoints : [[600, 1], [800, 2], [1000, 3], [1300, 4],],
mouseWheel : false,
rewind : true,
autoPlay : true,
pagination : false
});
});
</script>
< script >
$(document).ready(function() {
var movementStrength = 25;
var height = movementStrength / $(window).height();
var width = movementStrength / $(window).width();
$("#aboutarea").mousemove(function(e){
var pageX = e.pageX - ($(window).width() / 2);
var pageY = e.pageY - ($(window).height() / 2);
var newvalueX = width * pageX * -1 - 25;
var newvalueY = height * pageY * -1 - 50;
$('#aboutarea').css("background-position", newvalueX+"px "+newvalueY+"px");
});
});
</script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script>var $j6 = jQuery.noConflict();</script>
<script type="text/javascript" src="dribbble.js"></script>
<script type="text/javascript">
$j6(function () {
$j6('#user').dribbble({
player: 'MCBDesign',
total: 1
});
});
</script>
您试过var $j6 = jQuery.noConflict(true);
吗?
相关文章:
- 带有slideUp/Down和clearQueue的jQuery问题
- html代码没有运行jquery问题
- 使用jquery问题将文本附加到文本区域
- 当变量中的.find()项有多个匹配项时,jQuery问题
- 由于jQuery问题,在实现Disqus插件时出现问题
- 在jquery问题中设置值
- 基本有类 jquery 问题
- 使用最接近查找文本输入的JQuery问题
- css上的Jquery问题
- 使用 jQuery 问题验证和提交表单
- 循环每个 jQuery 问题
- insertBefore() 一个 iframe jquery 问题
- Magento - 原型.js和jQuery问题 - 添加到购物车按钮
- 谷歌浏览器jQuery问题
- IE 中止插件脚本会导致现场出现 JQuery 问题
- 在 jquery 问题中加载更多选项
- Javascript - 使用 jQuery 问题选择选项
- 使用两个函数时出现 Jquery 问题
- jquery问题 - 它不会相应地改变它
- Jquery问题在Firefox和IE中,但不是Chrome