我有两个不同的jQuerys,一个是为滑块,另一个是一个动画菜单。我试着一个一个地移除jQuery,但是它不起作用。这是密码。
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.7.0/build/reset/reset-min.css">
<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="http://flesler-plugins.googlecode.com/files/jquery.scrollTo-1.4.2-min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('a.link').click(function () {
$('#wrapper').scrollTo($(this).attr('href'), 800);
setPosition($(this).attr('href'), '#cloud1', '0px', '400px', '800px', '1200px' , '1600px')
setPosition($(this).attr('href'), '#cloud2', '0px', '800px', '1600px', '2400px' , '3200px')
//add this
$('a.link').removeClass('selected');
$(this).addClass('selected');
//end add this
return false;
});
});
function setPosition(check, div, p1, p2, p3)
{
if(check==='#box1')
{
$(div).scrollTo(p1, 800);
}
else if(check==='#box2')
{
$(div).scrollTo(p2, 800);
}
else if(check==='#box3')
{
$(div).scrollTo(p3, 800);
}
};
</script>
<script src="js/modernizr.custom.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="js/jquery.dlmenu.js"></script>
<script>
$(function() {
$( '#dl-menu' ).dlmenu({
animationClasses : { classin : 'dl-animate-in-5', classout : 'dl-animate-out-5' }
});
});
</script>
我试着寻找答案,删除其中一个jQuery不起作用。我真的不知道如何操作这些代码,因为我对jQuery有一点了解。有人能帮忙吗?谢谢!
发布于 2013-11-28 02:59:28
不能将2个jquery合并在一个页面中。因为代码会告诉我们jquery需要调用的是jquery-1.3.2.min.js
还是jquery.min.js
。解决方案要么您删除其中一个,要么使用最新的一个,并将其放在所有代码之上,以便可以调用它。
发布于 2013-11-28 03:06:42
您在同一个页面中使用的是不同的jquery版本,所以这是冲突。让我们尝试使用其中之一,并继续使用更晚的版本。
发布于 2013-11-28 03:12:15
您的代码没有运行,因为这是一个冲突。
在这种情况下,您要做的第一件事是浏览jQuery API文档并阅读有关jQuery.noConflict()
的内容。
这是文档中的一个很好的例子:
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery.noConflict demo</title>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
</head>
<body>
<div id="log">
<h3>Before $.noConflict(true)</h3>
</div>
<script src="http://code.jquery.com/jquery-1.6.2.js"></script>
<script>
var $log = $( "#log" );
$log.append( "2nd loaded jQuery version ($): " + $.fn.jquery + "<br>" );
// Restore globally scoped jQuery variables to the first version loaded
// (the newer version)
jq162 = jQuery.noConflict( true );
$log.append( "<h3>After $.noConflict(true)</h3>" );
$log.append( "1st loaded jQuery version ($): " + $.fn.jquery + "<br>" );
$log.append( "2nd loaded jQuery version (jq162): " + jq162.fn.jquery + "<br>" );
</script>
</body>
</html>
https://stackoverflow.com/questions/20256812
复制相似问题