簡體   English   中英

無法使用 JQuery 刪除 HTML5 class

[英]Unable to remove a HTML5 class using JQuery

我制作了一個專輯輪播組件,該組件將在用戶點擊時在兩個專輯之間切換。 有兩個專輯 div 和類 currAlbum 和 hiddenAlbum 分別標識當前和隱藏的專輯。 每當專輯更改時,我都會使用 JQuery 切換兩個類。 但是 removeClass function 不起作用,現有的類也沒有被刪除。 我正在展示相關的代碼片段

 <!-- Viewer to display photos of the album -->
<div class="viewer currAlbum">
    <img src="./src/assets/images/gallery-images/dc.jpg" class="album-image">
    <img src="./src/assets/images/gallery-images/gconvo.jpg" class="album-image">
    <img src="./src/assets/images/gallery-images/bconvo.jpg" class="album-image">
    <img src="./src/assets/images/gallery-images/sconvo.jpg" class="album-image">
</div>

<div class="viewer hiddenAlbum">
    <img src="./src/assets/images/gallery-images/cs.jpg" class="album-image">
    <img src="./src/assets/images/gallery-images/ee.jpg" class="album-image">
    <img src="./src/assets/images/gallery-images/mech.jpg" class="album-image">
    <img src="./src/assets/images/gallery-images/btech14-18ch.jpg" class="album-image">
    <img src="./src/assets/images/gallery-images/btech14-18ce.jpg" class="album-image">
</div>

Javascript:

$('.scroller .album').click((e) => {
        $('.scroller .album').unbind();

        $('.scroller .album.active').removeClass('active');
        $('.viewer.currAlbum').removeClass('.currAlbum').addClass('hiddenAlbum'); //getting issue here
        $('.viewer.hiddenAlbum').removeClass('.hiddenAlbum').addClass('currAlbum'); //getting issue here
        $(e.currentTarget).addClass('active');

        album_images = {}
        $('.currAlbum .album-image').each((i, el) => {
            album_images[i] = el;
        });

        num = Object.keys(album_images).length;
        prev = num - 1;
        active = 0;
        next = 1;

        slider();
        init_carousel(prev, active, next);
    })

請任何人幫助我找出我的錯誤

好的,看起來我犯了一個邏輯錯誤,正如 Andreas 在評論中指出的那樣。 正確的代碼將是

$('.viewer.currAlbum').removeClass('currAlbum').addClass('temp');
$('.viewer.hiddenAlbum').removeClass('hiddenAlbum').addClass('currAlbum');
$('.viewer.temp').removeClass('temp').addClass('hiddenAlbum');

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM