由于js,切换列表中的链接无法点击

时间:2013-01-12 00:37:08

标签: jquery css list hyperlink toggle

我知道这是导致问题的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'});
});

1 个答案:

答案 0 :(得分:0)

摆脱return false;

return false;相当于:

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

preventDefault阻止您的链接表现得像链接一样,这就是它无效的原因。