我有一堆描述块，当单击相应的图像时，它们应该会淡入，从而淡出前一个。褪色正在起作用，但是页面每次单击时仍会向上滚动，从而使用户的导航混乱。
google.load("jquery", "1.3");
google.setOnLoadCallback(function() {
jQuery(function($) {
$('#a').click(function(e){
$('#bio-b,#bio-c').fadeOut('slow', function(){
$('#bio-a').fadeIn('slow');
});
});
});
});
我是一个JavaScript / jQuery新手，大部分都是通过在线找到的代码来拼凑而成的。我希望代码不会全部倒退。
编辑：这是在这种情况下将被单击的图像HTML：
<a href="#" id="a"><img></a>
描述：
<article id="bio-a" class="bio"></article>
和CSS（在加载页面时未显示说明）
#bio-a {
display : none;
}
关于什么原因的任何想法，如何解决？
尝试href="#"从链接中删除属性，这可能会触发页面滚动。此行为本身在HTML标准中并未定义，<a href="#">基本上只是指向一个相对来源，而该行为取决于浏览器供应商（某些浏览器甚至可能重新加载页面）。大多数开发人员倾向于使用这些元素，因为他们要么懒于cursor: pointer在元素上设置，要么有一些遗留的onclick处理程序……
帮自己一个忙，并使用最新的jQuery版本（1.10或2.0，但不要忘记在升级之前阅读jQuery 2.0的免责声明）。;-)
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句