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

为您的按钮指定ID，并将您的点击事件选择器更改为给定的ID。您的按钮单击事件当前与类关联。我们按钮类更改按钮事件不会触发。

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

Answer 2

您应该在.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>

Jquery按钮默认状态

2 个答案: