jQuery attr href，为什么它不起作用？

Question

我认为以下代码行应该可以正常工作:$(".1").attr('href', '#Home');对吗？

但是当我将它与另一个 jQuery 脚本集成时，为什么它不起作用？

$(window).bind("load", function() {
    $('.1').click(function() {
        $('.1').removeClass('tab1');
        $('.2').removeClass('active2');
        $('.3').removeClass('active3');
        $('.4').removeClass('active4');

        $('.1').addClass('active1');

        $('.2').addClass('tab2');
        $('.3').addClass('tab3');
        $('.4').addClass('tab4');

        $('#PortfolioMainContainer:visible').fadeOut("slow",function(){
            $('#TextContent').load('Home.html', function() {
                $(this).fadeIn("slow")
            });
            return false;
        }); 

        if(!$(".1").hasClass("ActiveTab1")) {
            $(".1").attr('href', '#Home');
            $('#TextContent:visible').fadeOut("slow",function(){
                $('#TextContent').load('Home.html', function() {
                    $(this).fadeIn("slow")
                });
                return false;
            });
        }
        $(".1").addClass("ActiveTab1");

        $(".2").removeClass("ActiveTab2");
        $(".3").removeClass("ActiveTab3");
        $(".4").removeClass("ActiveTab4");
    });
});

我想澄清的是，当您单击类为 .1 的 div 时，URL 必须更改为 http://www.websiteurl.com/#Home

有人知道如何让它工作吗？

Answer 1

我测试了以下语句，它确实有效。

        $(function() {
            $("a").attr("href", "#123");
        });

如果我点击任何链接，毫无疑问，该位置实际上会在末尾附加#123。

我认为你的问题可能是，你的“.1”没有附加到 anchor 对象。在 HTML 规范中，只有超链接(以及一些不相关的 html 标签)具有“href”属性。这意味着，例如，您的 .1实际上是一个<div class='.1'> ，那么，即使你给它添加 href 属性，它也不会有任何充当“超链接”的默认行为。在这种情况下，您应该以编程方式导航到指定的 url，例如:

$(".1").click(function(){
    window.location = "current/url" + "#home";
});