Javascript um zu zeigen, oder eine Klasse entsprechend einer Bedingung

Question

In dieser Website zu verstecken: website

wenn Sie mit dem Abzeichen Abschnitt nach unten scrollen,

ich zwei Bedingungen für die Abzeichen haben: (unten sind die beiden Abzeichen)

Ausgabe:

Wenn der Zählwert (der oben auf der Plakette als "10" und "0" hier erscheint) größer als "0" ist, sollte "entsperrt mit Häkchen" angezeigt werden. Andernfalls sollte "gesperrt mit Kreuz" angezeigt werden und es sollte verblasst sein wie im Hover-Effekt sehen wir normalerweise.

Javascript wie in der Gemeinschaft vorgeschlagen: (in der Geige seine im HTML-Abschnitt mit einem Kommentar)

$.each($('.Portfolio-box'), function() { 
 
    var count = $(this).children('has-badge').attr('data-count'); 
 
    if (data - count > 0) { 
 
    $(this).children('ul.locked').hide(); 
 
    $(this).children('ul.unlocked').show(); 
 
    } else { 
 
    $(this).children('ul.locked').show(); 
 
    $(this).children('ul.unlocked').hide(); 
 
    } 
 
});

Fiddle Verbindung mit der HTML-und css.Please die Bilder ignorieren oder richtige Ausrichtung.Änderungen im Abschnitt "Sperren und Entsperren" des Codes funktioniert perfekt.

-Link: https://jsfiddle.net/dkjz1z4k/

Seine ganz für me.Kindly Hilfe heikel, wenn jemand can.Thanks ein lot.God segnen.

Answer 1

Fast da, nur ein wenig zwicken bei der bedingten if (count > 0) & .has-badge

$.each($('.Portfolio-box'), function() { 
    var count = $(this).children('.has-badge').attr('data-count'); 
    if (count > 0) { 
    $(this).children('ul.locked').hide(); 
    $(this).children('ul.unlocked').show(); 
    } else { 
    $(this).children('ul.locked').show(); 
    $(this).children('ul.unlocked').hide(); 
    } 
}); 

Working Fiddle