zoukankan      html  css  js  c++  java
  • 触摸设备上使用jQuery UI Followyour

    由于项目需要所以找了一些资料,可以在移动设备上使用jQuery UI,但是由于目前触摸设备不支持jQuery UI类库,因为触摸事件是touchstart,touchmove和touched,而不是mouseover、mousemove和mouseout。

    为了解决这个问题,我们可以用jQuery UI Touch Punch类库,它通过模拟事件来将鼠标事件匹配touch事件,而且使用起来很方便。

    支持的设备有以下几种噢:iPad、iPhone、Android、其它基于触摸的移动设备。

    接下来就是怎么使用类库:

    引入jQuery,jQueryUI和 jQuery UI Touch Punch类库:

    1 <script src="http://code.jquery.com/jquery.min.js"></script>
    2 <script src="http://code.jquery.com/ui/1.8.17/jquery-ui.min.js"></script>
    3 <script src="jquery.ui.touch-punch.min.js"></script>
    jQueryUI Touch Punch

    调用jQuery UI:

    <script>$('#widget').draggable();</script>
    jQuery UI

    没有做之前总是觉得实现不了,很难,实现了才觉得很简单!
    如果你希望把jQuery UI直接应用到触摸设备上,那就用它吧。

  • 相关阅读:
    经典测试面试题一
    自定义函数实现字符串数组互转
    php 实现密码错误三次锁定账号10分钟
    HTTP状态码
    Linux知识点
    慢查日志
    curl 采集
    HTTP协议
    docker配置
    mysql数据库索引、存储引擎、事务
  • 原文地址:https://www.cnblogs.com/ToFlying/p/3106193.html
Copyright © 2011-2022 走看看