gpt4 book ai didi

javascript - 我需要更新我的 jQuery 代码

转载 作者:行者123 更新时间:2023-11-30 18:06:20 24 4
gpt4 key购买 nike

<分区>

我从 CSSTRICKS 获得了一段代码,魔法线导航,它会在我的菜单项下方放置一条线,并将移动到我悬停的菜单项上方。我希望它是这样的,当我点击菜单时,该行将停留在该菜单项,而不是像往常一样回到第一个。

该脚本使用一个类选择器来告诉默认情况下该行应该去哪里。有了它,我用 jQuery 做了一个 toggleClass,它将类传递给单击的菜单项,但它不会更新。我必须重新加载页面才能更新。而且,它再次卡在同一个位置。我希望有人知道如何做到这一点。这是我的代码:

$(window).bind("load", function () {
var $el, leftPos, newWidth;
$mainNav2 = $("#example-two");

/*
EXAMPLE ONE
*/

/* Add Magic Line markup via JavaScript, because it ain't gonna work without */
$("#line-menu").append("<li id='magic-line'></li>");

/* Cache it */
var $magicLine = $("#magic-line");

$magicLine.width($(".current_page_item").width())
.css("left", $(".active a").position().left)
.data("origLeft", $magicLine.position().left)
.data("origWidth", $magicLine.width());

$("#line-menu li").find("a").hover(function () {
$el = $(this);
leftPos = $el.position().left;
newWidth = $el.parent().width();

$magicLine.stop().animate({
left: leftPos,
width: newWidth
});
}, function () {
$magicLine.stop().animate({
left: $magicLine.data("origLeft"),
width: $magicLine.data("origWidth")
});
});
});

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com