jQuery 모바일/스위치 + 토글 btn 대체

Question

jQuery 모바일을 사용하고 싶지 않습니다. 나는 다소 참을 수 없다.

하지만 모바일 친화적 인 앱을 만들어야합니다. 모바일 먼저, 간단한 전환 버튼.

바로 위의 같은 공상 아무것도; 나는 들어가서 그냥 내 초록색을 덧붙일거야.

모바일을위한 좋은 대안? jQuery 최신 실업; 불행히도, 그리고 정말 이상한 API로 작업하고 싶지 않습니다. 이상적으로 그냥 평범한 JS.

Answer 1

나는 경우 사용자 정의 CSS를 원하는 토글 이벤트를 처리 할 필요 .. 작은 계획 JS 스위치를 썼다 ..

onload = function() { 
    document.getElementById("switch").addEventListener("click", toggle, false); 
    }; 
    function toggle() 
    {  
     var sw = document.getElementById("switch"); 
     var v = sw.style.cssFloat; 
    if(v=='right') 
     sw.style.cssFloat ="left"; 
     else 
     sw.style.cssFloat = "right"; 
    } 

JS Switch

Answer 2

질문에 대한 순수 CSS의 솔루션이 자사의 도움을 바란다 이 css toggle switch은 토글 조건을 유지하기위한 확인란을 사용합니다. 켜짐을 선택하면 선택되고 선택하지 않으면 꺼집니다.

확인란을 사용하지 않고 탭 및 다른 전환과 같은 여러 토글 조건에 관심이있는 경우이 스위치를 사용하십시오. 이것이 모바일 장치에서 제대로 작동하는지 확신 할 수는 없지만.

Switch without checkbox +toggle btn