gpt4 book ai didi

jquery - 获取 :after selector in jQuery 的 margin 值

转载 作者:行者123 更新时间:2023-12-05 07:00:42 25 4
gpt4 key购买 nike

<分区>

我正在使用自定义 slider ,我有很多幻灯片指示器。 2 个指标之间应该有一条橙色线,例如,如果我点击指标 1,那么指标 1 和指标 2 之间会有一条线,如果我点击指标 2,那么指标 2 和 3 之间会有一条线,依此类推。对于这一行,我使用 :after 选择器。CSS 代码:

.carousel-indicators li:after{
content: "";
width: 20px;
height: 3px;
background: orange;
top: 28%;
left: 1%;
position: absolute;
display: inline-block;
}

HTML 代码:-

 <!-- Carousel Indicators -->
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
</ol>
<!-- Carousel Indicators End -->

我已经计算出,如果我们从指标 1 移动到第 n 个指标,那么我需要在左侧添加 6% 的边距。我想在 jQuery 的帮助下做到这一点,即如果我从指示器 1 移动到第 n 个,那么我将在前一个边距左侧添加 %6 (1+6 = 7%) 同样,如果我从 2 移动到 3,那么我'将在之前的 margin-left (7+6 = 13%) 中添加 %6,依此类推。但是在这里我需要得到之前的 margin-left 以便我可以执行一些计算/加法。我怎样才能得到 :after selector margin-left?我尝试了以下代码,但它给了我未定义的信息。

$('.carousel-indicators li').click( function (){
margLeft = $('.carousel-indicators li:after').css('margin-left');
console.log(margLeft);
});

$('.carousel-indicators li').click( function (){
margLeft = $('.carousel-indicators li:after').css('marginLeft');
console.log(margLeft);
});

机器人给出未定义的输出。

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