jquery overriding href

Question

我有一个包含链接的div（.questionsList）。单击div时，我有一个滑出的元素#slider。但是，当单击div中的链接时，我想要关注该链接。问题是，当我单击链接时，jquery幻灯片效果会覆盖链接href，因此滑块滑出而链接不执行任何操作。我该如何解决这个问题？

这是我在识别问题之前使用的代码。

$(".questionsList").toggle(function() {       
    $('#slider').animate({ left: '375' }, 500);
}, function() {
    $('#slider').animate({ left: '0'}, 500);
});

Answer 1

$(".questionsList a").click(function(event) {
   event.preventDefault();
});

Answer 2

$('#slider').click(function() {
    return false; // prevent sliding when user clicks inside the div
});

Answer 3

使用您的代码：

$(".questionsList").toggle(function( e ) 
{       
    $('#slider').animate({ left: '375' }, 500);
    e.preventDefault();
}, function( e ) 
{
    $('#slider').animate({ left: '0'}, 500);
    e.preventDefault();
});