gpt4 book ai didi

php - 切换 CSS 类,但在新的点击后禁用其他元素的类

转载 作者:太空宇宙 更新时间:2023-11-04 00:24:56 25 4
gpt4 key购买 nike

我已经从数组中动态生成缩略图以切换页面的背景图像:

<?php
for($i=0; $i < count($imageArray); $i++){
echo('<img onclick="changeBig(\''.$imageArray[$i].'\')" src="/lib/img/bkgr/'.$imageArray[$i].'" alt="thumbnail image" width="77" height="44" />');
}
?>

当它是选定/事件背景时,我想在缩略图图像中添加一类“当前”:

$('#bkgrSelector img').toggleClass(current, addOrRemove);

jQuery 的 toggleClass 应该可以解决问题,但我想在选择新图片时清除之前点击过的图片的类。

我该怎么做呢?

是否有更好的方法通过 PHP 或 jQuery 来切换图像缩略图上的当前类?

根据要求,来自该 PHP 数组的后渲染位如下:

<div id="bkgrSelector"> 
<div class="scrollNav">
<a class="prev"></a>
</div>
<div class="scrollable">
<div class="items" id="thumbs">
<img onclick="changeBig('Antipasti.jpg')" src="/lib/img/bkgr/Antipasti.jpg" alt="thumbnail image" width="77" height="44" />

最佳答案

从所有其他图像中删除通用 class,然后将其重新应用到所选图像。

$('#bkgrSelector img').click(function(){
$('#bkgrSelector img').removeClass('selected');
$(this).addClass('selected');
});

关于php - 切换 CSS 类,但在新的点击后禁用其他元素的类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7233962/

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