锚标签不再有效

Question

$(document).ready(function () {
    // Optional code to hide all divs
    $("#two").hide();
    $("#three").hide();
    $("a").click(function (e) {
        e.preventDefault();
        $("#" + $(this).attr("class")).show().siblings('#one').hide();
        $("#" + $(this).attr("class")).show().siblings('#two').hide();
        $("#" + $(this).attr("class")).show().siblings('#three').hide();
    });
});

Answer 1

基本上，你正在做一些你不了解的事情。

罪魁祸首是e.preventDefault();。它会阻止默认操作（重定向）。 删除那条线，一切都会好的。

否则，在您的选择器中更具体，只使用您需要的锚点而不是所有锚点。

READ MORE ABOUT e.preventDefault

Answer 2

您只需要定位所需的锚元素。您的代码定位到页面上的所有锚点。

$("selector_target_anchor").click(function(e){
 e.preventDefault();
 $("#" + $(this).attr("class")).show().siblings('#one').hide();
 $("#" + $(this).attr("class")).show().siblings('#two').hide();
 $("#" + $(this).attr("class")).show().siblings('#three').hide();
});