jquery - 如何通过单击链接然后更改源来显示 ul 列表？

Question

我正在制作一个页面，其中有三个类别列表，当用户单击父列表项时，我想在其中使用 jQuery 显示单个列表的子项。见截图（点击男子显示下面的项目）。

类别列表项

现在，当页面加载时，父项上没有链接href="#"。但是当用户点击它并打开列表时，它应该将链接更改为“男性”类别。我做了一个 jsfiddle 来向你展示我目前拥有的东西。但是使用下面的 jquery，链接停留在"#".

$("#cat-item25").click(function () {
    $("#child1").show('slow');
    $(this).attr('src', '/product-category/men/');
});

score 3 · Accepted Answer

您正在更改错误的属性，您需要使用hrefnotsrc

$("#cat-item25").click(function(e) {
    e.preventDefault();
    $("#child1").show('slow');
    $(this).attr('href', '/product-category/men/');
});

score 2 · Accepted Answer

我认为您的意思是更改链接的href. 该src属性用于图像。

$("#cat-item25").click(function () {
    $("#child1").show('slow');
    $(this).attr('href', '/product-category/men/');
    return false;
});

是这样的return false;，它不会/product-category/men/立即去。

这是一个有效的JSFiddle。

2 回答 2