У меня есть два разных jQuery, один для слайдера, а другой для анимированного меню. Я попытался удалить jQuery один за другим, но это не сработает. здесь код.
<link rel="stylesheet" type="text/css" href="/reset-min.css">
<script type="text/javascript" src="/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="/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="/modernizr.custom.js"></script>
<script src="/jquery.min.js"></script>
<script src="/jquery.dlmenu.js"></script>
<script>
$(function() {
$( '#dl-menu' ).dlmenu({
animationClasses : { classin : 'dl-animate-in-5', classout : 'dl-animate-out-5' }
});
});
</script>
Я попытался найти ответы, удалив один из jQuery, не будет работать. Я не знаю, как манипулировать этими кодами, потому что у меня мало знаний с jQuery. Может ли кто-нибудь помочь? Благодарю!
вы не можете объединить 2 jquery на одной странице.. потому что код будет confius, который нужно вызвать jquery-1.3.2.min.js
это jquery-1.3.2.min.js
или jquery.min.js
. Решение либо вы удаляете один из них, либо используете последний, и ставите его выше всего кода, чтобы его можно было вызвать.
Вы используете версию разницы jquery на той же странице, поэтому она конфликтует. Попробуйте использовать один из них и продолжайте использовать более позднюю версию.
Ваш код не работает, потому что это конфликт.
В этом случае первое, что вы делаете, это то, что вы переходите к документации API jQuery и читаете о jQuery.noConflict()
.
Это один из хороших примеров из документации:
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery.noConflict demo</title>
<script src="/jquery-1.9.1.js"></script>
</head>
<body>
<div id="log">
<h3>Before $.noConflict(true)</h3>
</div>
<script src="/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>
jquery-scrollto-1.4 - это не версия 1.4 jquery, это означает, что версия этого плагина