Javascript/Jquery 스타일에 백분율을 사용하는 조건

Question

jquery 슬라이더의 사용자 정의 화살표 시스템에 대해 if 비교를 수행해야합니다. 것은 내가 그렇게 "%"를 사용하고이 코드를 백분율로 작동하지 않습니다 분명히 단지, 계산 결과를 가져

$("#galerie-right").click(function() { 
    var fg = $('.foogallery').css('left'); 
    if(fg==''){ 
     $('.foogallery').css('left', '-101%'); 
    } else if(fg=='-101%'){ 
     $('.foogallery').css('left', '-202%'); 
    } 
}); 

내가 css()을 알고 라인 :

$('.foogallery').css('left', '-101%'); 

이 호출되면 html 요소에 style="left:-101%"이 적용됩니다. 어떻게 든이 가치를 가질 수있는 방법이 있을까요?

감사합니다,

P.S이 같은

Answer 1

뭔가를 선택한 클래스 foogallery 만 하나의 항목이 있습니다. 이것은 당신이 수업에서 모든 CSS를 가질 수 있고 CSS 값과 독립적으로 js를 유지합니다. 브라만 데브에

$(document).ready(function() { 
 
    $("#btn").click(function() { 
 
    $('.foogallery').toggleClass("state1 state2"); 
 
    }) 
 
})

.foogallery { 
 
    width: 200px; 
 
    height: 200px; 
 
} 
 
.foogallery.state1::before{ 
 
    content:'state1' 
 
} 
 
.foogallery.state2::before{ 
 
    content:'state2' 
 
} 
 
.foogallery.state1{ 
 
    background:#ccc; 
 
} 
 
.foogallery.state2{ 
 
    background:#fcc; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="foogallery state1"></div> 
 
<button id="btn">Toggle</button>

Answer 2

덕분에, 나는 해결책을 찾아 냈다. CSS 수정 사항을 클래스에 저장하고 필요할 때 추가/제거하십시오.

$("#galerie-right").click(function() { 
      if($('.foogallery').hasClass('galerie-left202')==true){ 
       $('.foogallery').removeClass('galerie-left202'); 

      }else if($('.foogallery').hasClass('galerie-left101')==true){ 
       $('.foogallery').addClass('galerie-left202'); 
       $('.foogallery').removeClass('galerie-left101'); 

      }else{ 
       $('.foogallery').addClass('galerie-left101'); 
      } 
     }); 

CSS의 :

<!-- language: lang-css --> 
div#galerie-photo div.foogallery.galerie-left101{left:-101%;} 
div#galerie-photo div.foogallery.galerie-left202{left:-202%;}