Ошибка моего javascript-кода

Что такое/мой код ошибки/ошибок jquery?Ошибка моего javascript-кода

<head> 
     <title>Untitled</title> 
     <link rel="stylesheet" href="../css/style_light.css" /> 
     <script src="../js/jquery-2.1.1.min.js"></script> 
     <script> 
     $(document).ready(function(){ 
     $("#sw").click(function(){ 
     if($(".onsw").css("background-image" , "url(../img/b.png)")){ 
      $("#lamp").removeClass("off"); 
      $("#lamp").addClass("on"); 
      $(".onsw").toggleClass("offsw"); 
     } 
     else if($("#sw").css("background-image" , "url(../img/a.png)")){ 
      $("#lamp").removeClass("on"); 
      $("#lamp").addClass("off"); 
      $("#sw").removeClass("offsw"); 
      $("#sw").addClass("#onsw") 
     } 
     }); 
     }); 
     </script> 
     </head> 

    <body> 

    <div id="lamp" class="off"></div> 
    <div id="sw" class="sw onsw"></div> 
    </body> 

    body{ 
    background-color: black; 
    } 

    div{ 
    width: 400px; 
    height: 600px; 
    border:1px solid; 
    margin:10px auto; 
    background-size: 400px 600px; 

    } 
    .sw{ 
    width: 50px; 
    height: 50px; 
    border: 1px solid; 
    margin: 5px auto; 
    background-size: 50px 50px; 
    } 

    .on{ 
    background-image: url(../img/on.jpg); 
    } 
    .offsw{ 
    background-image: url(../img/a.png); 
    } 
    .onsw{ 
    background-image: url(../img/b.png); 
    } 
    .off{ 
    background-image: url(../img/off.jpg); 
    }

источник

2015-11-14 Milad

Что вы пытаетесь достичь здесь? – void

Попробуйте код ниже:

$(document).ready(function(){ 
    $("#sw").click(function(){ 
     $("#lamp").toggleClass("on off"); 
     $(this).toggleClass("onsw offsw"); 
    }); 
});

источник

2015-11-14 10:46:02 Lajon

Спасибо за ваш путеводитель – Milad

Вы должны сделать

if($(".onsw").css("background-image") == "url(../img/b.png)"){ 
     $("#lamp").removeClass("off"); 
     $("#lamp").addClass("on"); 
     $(".onsw").toggleClass("offsw"); 
    } 
    else if($("#sw").css("background-image") == "url(../img/a.png)"){ 
     $("#lamp").removeClass("on"); 
     $("#lamp").addClass("off"); 
     $("#sw").removeClass("offsw"); 
     $("#sw").addClass("#onsw") 
    }

$("#sw").css("background-image") даст вам выставиться background-image свойство элемента.

источник

2015-11-14 10:07:25 void

нет, я использую ваш код, но мой код не работает точно – Milad

Точно, вот что я спросил, чего вы хотите достичь? – void

Я хочу, чтобы tern и tern выключили свет и переключатель переключения – Milad

Ошибка моего javascript-кода

ответ

Смежные вопросы