【发布时间】：2021-05-12 21:41:21
【问题描述】：
<div class="container-fluid" style="overflow:initial">
<div class="centratura-relative">
<div class="under-background"><svg>.......</svg></div>
<div class="over-background dipinto"><div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<img class="d-block w-100" data-colore="#DC143C" src="..." alt="First slide">
<div class="carousel-caption padre">
<p class="description">Piccola descrizione foto</p>
</div>
</div>
<div class="carousel-item">
<img class="d-block w-100" data-colore="#800080" src="...." alt="Second slide">
<div class="carousel-caption padre">
<p class="description">Piccola descrizione foto</p>
</div>
</div>
<div class="carousel-item">
<img class="d-block w-100" data-colore="#ffd700" src="...." alt="Third slide">
<div class="carousel-caption padre">
<p class="description">Piccola descrizione foto</p>
</div>
</div>
</div>
<a class="carousel-control-prev no-back" href="#carouselExampleIndicators" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next no-back" href="#carouselExampleIndicators" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div></div>
</div>
</div>
</section>
$('#carouselExampleIndicators').on('slide.bs.carousel', function () {
$('.cls-3').css("fill","red");
})
如果我的 SVG img 不在轮播中，并且当我单击轮播时，我希望更改 SVG 填充。 我怎样才能做到这一点？在轮播的 hte 项目上有数据目标？请帮我。轮播是一个引导轮播。 我必须为轮播中的所有项目更改颜色。 我想对每个颜色不同的物品都这样做
【问题讨论】：
-
你应该在minimal reproducible example中提供一些共享必要代码的上下文
-
现在你能帮我吗？
-
你有没有试过检查滑动事件是否真的被触发了（例如回调函数中的断点或console.log）？
$('.cls-3')是什么？请也分享 SVG 部分。 -
.cls-3 è la classe che contiene la proprietà fill che cambiandola mi permette di cambiare il colore dell'svg, ho integrato direttamente il tag svg nel codice quindiè troppo lungo per metterlo dentro la question。 ..我认为你是意大利人，如果你不明白我可以用英语重复一遍
-
在stackoverflow上需要用英文写，反正我刚刚回答：希望对你有帮助。
标签： javascript css svg carousel fill