Я создал этот фрагмент кода ниже (который работает): Как вы можете видеть, это немного неуклюже, и я скопировал и вставил для каждого модуля (x8). Что было бы наиболее эффективным способом упорядочить это? Как я не чувствую, что это лучшая практика?
<script type ="text/javascript">
(function($){
$(function() {
function addServiceStatusClass1(e){
if($('#MultiStream').text() != 'No Issues'){
$('#ServiceStatus').addClass('Error');
$('#ServiceTitle').addClass('Blocki');
}else{
$('#ServiceStatus').removeClass('Error');
$('#ServiceTitle').removeClass('Blocki');
}
}
$('#acf-field_5bf80363f0c0f').ready(addServiceStatusClass1);
$('#acf-field_5bf80363f0c0f').change(addServiceStatusClass1);
});
})( jQuery );
</script>
<script type ="text/javascript">
(function($){
$(function() {
function addServiceStatusClass2(e){
if($('#MobiStream').text() != 'Running 100%'){
$('#ServiceStatus2').addClass('Error');
}else{
$('#ServiceStatus2').removeClass('Error');
}
}
$('#acf-field_5c93c1061a218').ready(addServiceStatusClass2);
$('#acf-field_5c93c1061a218').change(addServiceStatusClass2);
});
})( jQuery );
</script>