jQuery mobile的替代方法/ Switch + Toggle btn

Question

我不希望使用jQuery mobile； 我有点受不了。

但是我需要创建一个移动友好的网站。 移动优先，简单的“切换”切换按钮。

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

手机有什么好的选择吗？ 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

您的问题有纯CSS解决方案。此CSS切换开关使用复选框保持切换条件。 如果选中，则打开；如果未选中，则关闭。

如果您不想使用复选框并且对多种切换条件（例如制表符和其他翻转）感兴趣，请使用此开关。 尽管我不确定这是否会在移动设备中正常运行。

不带复选框切换+切换btn