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直接应用到触摸设备上,那就用它吧。

  • 相关阅读:
    PAT 1036 Boys vs Girls (25分) 比大小而已
    idea创建maven项目慢的原因以及解决方案
    git diff 理解
    git status 命令详解
    java注解
    单例模式
    io分类
    数据库设计的范式
    mysql约束
    mysql去重复关键字distinct的用法
  • 原文地址:https://www.cnblogs.com/ToFlying/p/3106193.html
Copyright © 2011-2022 走看看