jquery - 由于 js，切换列表中的链接不可点击

Question

我知道是 javascript 导致了这个问题，但我不知道是怎么回事。当我将鼠标悬停在链接上时，它显示为可点击但无法点击。我也没有在我的 css 中使用任何 z-index。我试图设置它，但它没有什么不同。这个 js 中有什么是可能的原因吗？

$(function(){
$('li.an_item').css('pointer','default').css('list-style-image','none');
$('li.an_item:has(ul)').click(function(event){
        if (this == event.target) {
            $(this).css('list-style-image',
                (!$(this).children().is(':hidden')) ? 'url(/wp-content/themes/theme/images/arrow_sideways.png)' : 'url(/wp-content/themes/theme/images/arrow_down.png)');
            $(this).children().toggle('slow');
        }
        return false;
    })
    .css({cursor:'pointer', 'list-style-image':'url(/wp-content/themes/theme/images/arrow_sideways.png)'})
    .children().hide();
$('li:not(:has(ul))').css({cursor:'default', 'list-style-image':'none'});
});

Answer 1

去掉 return false;。

return false; 等同于:

event.preventDefault();
event.stopPropagation();

preventDefault 阻止您的链接像链接一样工作，这就是它不起作用的原因。