jQuery移动/交换机+ Toggle btn的替代方案

Question

我不想使用jQuery手机，我有点受不了。

但我需要创建一个移动友好的；移动第一，简单的切换按钮。

​

​

没有什么比上面的更花哨的了，我可能会进去把我的绿色加进去。

手机有什么好的选择吗？jQuery最新版本无法工作；不幸的是，我真的不想使用疯狂的奇怪API。理想情况下只是简单的JS。

Answer 1

我写了小计划js开关。如果您想要自定义css并要求在切换时处理事件。希望能帮上忙

   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开关

Answer 2

您的question..This css切换开关使用复选框来保持切换条件，有纯Css解决方案。打开，如果检查，关闭条件，如果没有检查。

如果不想使用复选框，并且对选项卡和其他flips.Use等多个切换条件感兴趣，则此开关。不过，我不确定这在移动设备中是否可行。

无复选框切换+切换btn