Question

当用户点击幻灯片的缩略图（可能在页面的某个方向）时，我希望主幻灯片图像更改并且页面滚动到顶部（实际主图像幻灯片正在发生的位置）。 / p>

下面是我单独工作的两个脚本 - 但是我需要它们同时工作。我希望有人可以提供帮助。

由于

<script type="text/javascript">       
     $(function() {
$('a.thumnbnail').bind('click',function(event){
    var $anchor = $(this);
    $('html, body').stop().animate({
        scrollTop: $($anchor.attr('href')).offset().top
    }, 1500,'easeInOutExpo');
    event.preventDefault();
});
});
</script> 
<script type="text/javascript">
$(document).ready(function() {
$('.slideShow').slideShow({
interval: 10
});
});
</script>

Answer 1

无需拨打两个不同的doc ready：

$(function() {  //<---All in this is enough
    $('a.thumnbnail').bind('click',function(event){
       var $anchor = $(this);
       $('html, body').stop().animate({
           scrollTop: $($anchor.attr('href')).offset().top
       }, 1500,'easeInOutExpo');
       event.preventDefault();
    },function(){         // <---------------make this in callback function here
       $('.slideShow').show().slideShow({ // <----display:none initially then show here
        interval: 10
       });
    });
});

当用户点击链接时，我需要同时发生两个事件

1 个答案: