返回false;或event.preventDefault();不工作找不到解决方案

时间:2012-02-23 00:30:36

标签: jquery

每当我点击链接页面重新加载并将我发送到顶部。使用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>

1 个答案:

答案 0 :(得分:0)

我认为你实际上并没有选择链接。尝试$(“#links,a)或$(”a [id = links]“)。