大佬教程收集整理的这篇文章主要介绍了javascript – 如何以编程方式在Chrome中切换Zurb Foundation Switch Control?,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
这是默认的Zurb基金会开关:
<!-- Default switch --> <div class="switch"> <input id="d" name="switch-d" type="radio" checked> <label for="d" onclick="">Off</label> <input id="d1" name="switch-d" type="radio"> <label for="d1" onclick="">On</label> <span></span> </div>
演示here.我相信它们基于this project.
当我尝试使用jquery更改开关的状态时:
$('#d1').attr('checked','checked'); $('#d').removeAttr('checked'); // Switch ON $('#d').attr('checked','checked'); $('#d1').removeAttr('checked'); // Switch OFF
它适用于Firefox但不适用于Chrome.在Chrome [OSX10.8.3上的v25]中,第一个命令 – Switch ON – 成功但当我尝试使用$(‘#d’).attr(‘checked’,’checked’); $( ‘#D1’)removeAttr( ‘检查’).然后看起来CSS没有正确地拾取元素作为被检查和显示balks – 看看下面图像中的最后一个Switch没有正确显示OFF状态.
您可以在Zurb Foundation文档的Switch page上测试这些命令; d指的是您在页面顶部列表中看到的第四个和最大的开关.
以上是大佬教程为你收集整理的javascript – 如何以编程方式在Chrome中切换Zurb Foundation Switch Control?全部内容,希望文章能够帮你解决javascript – 如何以编程方式在Chrome中切换Zurb Foundation Switch Control?所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。