我在做一个网站。我正在做响应菜单和jQuery脚本工作,但不是很好。我的意思是每一个脚本都写得很好,但是所有的脚本加在一起就不想写得那么好了。第一个,来自响应式菜单的功能会扼杀所有功能,因此该菜单没有正常工作:/
<script type="text/javascript" src="jquery-2.2.3.min.js"></script>
<script type="text/javascript" src="jquery.scrollTo.min.js"></script>
<script type="text/javascript" src="jquery.sticky.js"></script>
<script>
$(document).ready(function(){
$(".menu-trigger").click(function(){
$("#mainnav").slideToggle(900);
});
});
jQuery(function($)
{
//zresetuj scrolla
$.scrollTo(0);
$('#link').click(function() { $.scrollTo($('#zjazd'), 2000); });
}
);
$(document).ready(function(){
$("#container").sticky({topSpacing:0});
});
$(document).ready(function(){
$(window).scroll(function(){
if ($(this).scrollTop() > 400) {
$('.scrollup').fadeIn('slow');
} else {
$('.scrollup').fadeOut('fast');
}
});
//Kliknij aby przewinąć do góry
$('.scrollup').click(function(){
$('html, body').animate({scrollTop : 0},1500);
return false;
});
});
</script>
那么出了什么问题呢?OM怎么了?我还在学习,这可能是一个很傻的问题,但今天对我来说...
所有网站都已响应。
你可以在这里看到有什么问题
当我删除了其余的脚本,并且只保留这个用于响应式菜单时,它工作得很漂亮,当我删除了这个用于响应式菜单时,所有的其余部分都工作得很好,但是当所有的脚本都在一起时,只有这个用于菜单的部分工作得不好,但是它的其余部分工作得很正常。我不知道这是怎么回事。
我还在学...而我正在工作的网站是相当好的。
您只需要一个$(document).Ready(函数(){});
它里面的第一件事应该是调用你想要使用的插件。
$(document).ready(function(){
$("#container").sticky({topSpacing:0});
$.scrollTo(0);
$(".menu-trigger").click(function(){
$("#mainnav").slideToggle(900);
});
$('#link').click(function() {
$.scrollTo($('#zjazd'), 2000);
});
$('.scrollup').click(function(){
$('html, body').animate({scrollTop : 0},1500);
return false;
});
});
$(window).scroll(function(){
if ($(this).scrollTop() > 400) {
$('.scrollup').fadeIn('slow');
} else {
$('.scrollup').fadeOut('fast');
}
});