Состояние кнопки JQuery по умолчанию

Question

У меня проблема с состоянием по умолчанию. Состояние по умолчанию, которое я получаю из базы данных. Где я могу установить состояние по умолчанию или как я должен это делать?

$(document).ready(function(){ 
    $('.switch').click(function(){ 
     $(this).toggleClass('on'); 
    }); 
}); 

<button type="button" class="switch"><span><b>Off</b><b>On</b></span></button>

app.js:

io.sockets.on('connection', function(socket){ 
    console.log('mygbusena'); 
    var nusta = 0; 
    setInterval(function(){ 
    }); 
    var smt = "SELECT busena FROM mygt where laikas=(select max(laikas) from mygt)"; 
    db.each(smt, function(err, row) { 
    console.log(row.busena); 
    nusta = row.busena; 
    }) 
      setInterval(function(){ 
      socket.emit('mygnustatyta', nusta); 
     console.log(nusta); 
     }, 1000); 
}); 

index.html:

var socket = io.connect('http://myip:3000'); 
    var nust = document.getElementById('mygnustatyta'); 
    socket.on('mygnustatyta',function(data){ 
     console.log('Connected'); 
     mygnustatyta.innerHTML = data  

Answer 1

Вы должны добавить полужирный эффект в файле .css:

.switch span{font-weight:bold;} 

и .js файл

$(document).ready(function(){ 
     $('.switch').click(function(){ 
      $(this).toggleClass('on'); 
      var text = $(this).hasClass('on')?'On':'Off'; 
      $(this).children('span').text(text); 
     }); 
    }); 

где HTML является:

<button type="button" class="switch"><span>Off</span></button> 

Answer 2

Дайте кнопку идентификатор и изменить селектор событий нажмите на данную ID. В данный момент событие нажатия кнопки связано с классом. Мы изменили класс кнопки, событие кнопки не будет срабатывать.

$('#button').click(function() { 
    var class='switch'; 
    if($(this).class() == 'switch') { 
     class=' on'; 
    } 
    $(this).toggleClass(class); 
});