欢迎来到元素模板ys720.com,本站提供专业的织梦模板PBOOTCMS模板网站模板网站修改/网站仿站
当前位置:主页 > 程序教程 > 其他教程 >
其他教程

[JQ教程]PC和手机 共同的点击事件

(元素模板) / 2017-04-15 17:49
元素模板站长为客户制作一个 响应式的 网站,当中发现PC的点击在手机下面没反应,网上说要加个 JQ的手机版就可以了

其实不必要这么复杂 只要加一个单词即可

代码如下

先插入 JQ库  越新越好

然后再是HTML 代码
 
<div class="spl">
 
<div id="spk">
 
<img src="/templets/Picture/spk.jpg"  id="spk2"/>
 
<video src="/templets/mp4/1.mp4" width="422" height="276"  controls preload  style="display:none"></video> 
 
</div>
 
</div>
 
最后是JQ代码  关键部分是 红色 文字
$('#spk').on('click  touchstart','#spk2',function(){
     $('#spk2').hide();
 
$('#spk video').show(); 
})
这段代码是点击 图片 然后 显示视频, 在PC用一般性的JQ   手机 点不了  ,   改成这样 再加上  touchstart   就可以支持手机版了

是不是很简单 ,元素模板 祝你建站愉快
Copyright @ 2013-2021 元素模板 www.ys720.com All Rights Reserved. 版权所有 元素模板 www.ys720.com