每当我点击链接页面重新加载并将我发送到顶部。使用return false;
或event.preventDefault();
进行尝试,但没有效果。
我确实搜索并找到了解决此问题的方法。但是我无法让它发挥作用。显然有些东西我不知道。
非常感谢帮助。 jsFiddle code in here
以下是代码:这是我想要制作的简单幻灯片的早期状态。
$(document).ready(function() {
$("#links").hide();
$(".gallery").hover(function() {
$("#links").fadeIn(700);
}, function(){
$("#links").fadeOut(600);
});
$("#links a").click(function(e){
e.preventDefault();
var pic = $(this).attr("href");
$(".gallery").hide();
$(".gallery").fadeIn(1800);
$(".gallery").css('background-image', 'url("' + pic + '")');
});
});
<div id="links">
<ul id="thumb_list">
<li>
<a href="images/01.jpg"><img src="images/01_thumbnail.jpg" alt="0" /></a>
</li>
</ul>
</div>
答案 0 :(得分:0)
我认为你实际上并没有选择链接。尝试$(“#links,a)或$(”a [id = links]“)。