本文介绍了如何在桌面上悬停并在移动设备上单击时切换的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧! 问题描述 29岁程序员,3月因学历无情被辞! 如何在桌面上悬停并在手机上点击进行切换 HTML < 按钮 id = bar > bar < / button > < div id = foo > < / div > CSS # foo { width : 100px; height : 100px; background-color : green; display : none; } Javascript $(' #bar')。click( function (){ $(' #foo' ).slideToggle(' slow'); }); jsfiddle 解决方案 (' # bar')。click( function (){ ( ' #foo')。slideToggle(' 慢'); }); jsfiddle 对于Hover,你可以实现 mouseover jquery函数 How do i make toggle on hover in desktop and on click in mobileHTML<button id="bar">bar</button><div id="foo"></div>CSS#foo { width: 100px; height: 100px; background-color: green; display:none;}Javascript$('#bar').click(function () { $('#foo').slideToggle('slow');});jsfiddle 解决方案 ('#bar').click(function () {('#foo').slideToggle('slow');});jsfiddleFor Hover you can implement mouseover jquery function on 这篇关于如何在桌面上悬停并在移动设备上单击时切换的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持! 上岸,阿里云!