これは、javscript の操作で長い間私を困惑させてきたものです。まず、私が使用している 2 つの JavaScript コードがあります。
これが最初のものです
<!-- The JavaScript -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript" src="jquery.easing.1.3.js"></script>
<script type="text/javascript">
$(function() {
$('ul.nav a').bind('click',function(event){
var $anchor = $(this);
$('html, body').stop().animate({
scrollTop: $($anchor.attr('href')).offset().top
}, 1500,'easeInOutExpo');
/*
if you don't want to use the easing effects:
$('html, body').stop().animate({
scrollTop: $($anchor.attr('href')).offset().top
}, 1000);
*/
event.preventDefault();
});
});
</script>
上記のコードは、ある div から別の div へのページ遷移をスムーズにするために使用されます。このように ---> http://tympanus.net/Tutorials/WebsiteScrolling/index_vertical.html
ここに2番目のものがあります
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="http://littleladyenterprises.com/wp-content/themes/blackchic/WebsiteScrolling/css/jquery.sudoSlider.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
var sudoSlider = $("#slider").sudoSlider({
numeric: false,
continuous:true
});
var sudoSlider2 = $("#slider2").sudoSlider();
});
</script>
このコードは基本的にスライダーです
わかりました。スライダー スクリプトを最後に配置すると機能しますが、最初のスクリプト、ページ遷移スクリプトが機能しなくなります。私は多くの異なるスクリプトでこれを見てきました.私はJSに精通していませんが、1つのページで両方を機能させる方法を教えてもらえますか.