blocks|key|555216|text|jQM现在是解耦的：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|555217|http://jquerymobile.com/blog/2011/08/03/jquery-mobile-beta-2-released/|unordered-list-item|offset|length|555218|小部件:现在解耦用于灵活构建的
很长一段时间以来，我们都想将所有的小部件从页面插件中分离出来，我们很高兴地宣布，我们终于实现了这一改变。那么解耦到底意味着什么呢？好的，各个小部件和实用程序总是被分解成单独的脚本文件。然而，页面插件负责处理在页面创建时在标记中找到的所有官方插件的自动初始化。这种情况使得您不可能在不引起错误的情况下删除不需要的插件，并且通常会为以后的小部件添加设置一个糟糕的先例。
现在，几乎所有jQuery移动库中的UI部件都是完全解耦的，因此如果不需要特定的项目，就可以简单地删除它们。除了少数必需的核心文件外，此更改还允许您只包括所需的特定小部件或功能集，从而大大减少库的大小。虽然我们仍然计划进行更多的解耦和清理，但以下文件现在已经解耦，可以在进行自定义构建之前安全地从make文件中删除：|blockquote|style|BOLD|555219|页眉/内容/页脚|555220|可折叠|555221|控制组|555222|字段包含|555223|固定头脚|555224|按钮|555225|支票箱无线电|555226|选择|555227|滑块|555228|文本输入|555229|链接主题|555230|列表视图|555231|肚脐|555232|网格|555233|我们将处理依赖关系映射，因为一些小部件依赖其他部件来工作。例如，上面的许多小部件都调用了按钮标记插件，因此只能排除它，但如果您不使用依赖于按钮的任何小部件。|555234|我们仍在制定进一步映射插件依赖关系和解耦的建议。最终，这将出现在下载构建器工具中，所以请继续关注！|555235|你可以到他们的GIT那里下载你想要的东西：|555236|https://github.com/jquery/jquery-mobile/tree/master/js|555237|entityMap|0|LINK|mutability|MUTABLE|url|1^0|0|0|1Y|0|0|0|F|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|1I|1|0^^$0|@$1|2|3|4|5|6|7|1T|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|1U|8|@]|9|@$E|1V|F|1W|1|1X]]|A|$]]|$1|G|3|H|5|I|7|1Y|8|@$E|1Z|F|20|J|K]]|9|@]|A|$]]|$1|L|3|M|5|D|7|21|8|@]|9|@]|A|$]]|$1|N|3|O|5|D|7|22|8|@]|9|@]|A|$]]|$1|P|3|Q|5|D|7|23|8|@]|9|@]|A|$]]|$1|R|3|S|5|D|7|24|8|@]|9|@]|A|$]]|$1|T|3|U|5|D|7|25|8|@]|9|@]|A|$]]|$1|V|3|W|5|D|7|26|8|@]|9|@]|A|$]]|$1|X|3|Y|5|D|7|27|8|@]|9|@]|A|$]]|$1|Z|3|10|5|D|7|28|8|@]|9|@]|A|$]]|$1|11|3|12|5|D|7|29|8|@]|9|@]|A|$]]|$1|13|3|14|5|D|7|2A|8|@]|9|@]|A|$]]|$1|15|3|16|5|D|7|2B|8|@]|9|@]|A|$]]|$1|17|3|18|5|D|7|2C|8|@]|9|@]|A|$]]|$1|19|3|1A|5|D|7|2D|8|@]|9|@]|A|$]]|$1|1B|3|1C|5|D|7|2E|8|@]|9|@]|A|$]]|$1|1D|3|1E|5|6|7|2F|8|@]|9|@]|A|$]]|$1|1F|3|1G|5|6|7|2G|8|@]|9|@]|A|$]]|$1|1H|3|1I|5|6|7|2H|8|@]|9|@]|A|$]]|$1|1J|3|1K|5|D|7|2I|8|@]|9|@$E|2J|F|2K|1|2L]]|A|$]]|$1|1L|3|-4|5|6|7|2M|8|@]|9|@]|A|$]]]|1M|$1N|$5|1O|1P|1Q|A|$1R|C]]|1S|$5|1O|1P|1Q|A|$1R|1K]]]]

jQM is now decoupled:

<ul>
<li><a href="http://jquerymobile.com/blog/2011/08/03/jquery-mobile-beta-2-released/">http://jquerymobile.com/blog/2011/08/03/jquery-mobile-beta-2-released/</a></li>
</ul>

<blockquote>
 Widgets: Now decoupled for flexible builds
 
 We’ve wanted to decouple all our widgets from the page plugin for a
 long time now and we’re happy to announce that we finally landed this
 change. So what exactly does decoupled mean anyway? Well, the
 individual widgets and utilities have always been broken out into
 separate script files. However, the page plugin was responsible for
 handling the auto-initialization all of the official plugins found in
 the markup at page creation. This situation made it impossible to
 remove plugins you don’t need without causing errors, and generally
 set a bad precedent for future widget additions.
 
 Now, pretty much all the UI widgets in the jQuery Mobile library are
 completely decoupled so they can simply be deleted if not needed for a
 particular project. This change allows you to dramatically reduce the
 size of the library by only including the specific set of widgets or
 features you need, in addition to the handful of required, core files.
 While we still plan to do more decoupling and cleanup, the following
 files are now decoupled and can safely be removed from the make file
 before you do a custom build:
 
 <ul>
 <li>page header/content/footer</li>
 <li>collapsible</li>
 <li>controlgroup</li>
 <li>fieldcontain</li>
 <li>fixheaderfooter</li>
 <li>button</li>
 <li>checkboxradio</li>
 <li>select</li>
 <li>slider</li>
 <li>textinput</li>
 <li>links theming</li>
 <li>listview</li>
 <li>navbar</li>
 <li>grid</li>
 </ul>
 
 We will work on a dependency map because a few widgets rely on others
 to work. For example, the button markup plugin is called by many of
 the widgets above, so it can only be excluded but if you’re not using
 any of the widgets that depend on buttons.
 
 We’re still working out our recommendations for mapping plugin
 dependencies and decoupling things even further. Ultimately, this will
 be surfaced in a download builder tool, so stay tuned!
</blockquote>

You can head over to their GIT Repo and just download what you want:

<ul>
<li><a href="https://github.com/jquery/jquery-mobile/tree/master/js">https://github.com/jquery/jquery-mobile/tree/master/js</a></li>
</ul>

blocks|key|555311|text|如果您只想绑定到触摸/手势事件，我将使用jGestures：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|555312|http://jgestures.codeplex.com/|offset|length|555313|不错的jquery插件，我以前在项目中使用过这个插件，可以绑定到大量的事件：|555314|可用事件：
orientationchange装置是顺时针或逆时针旋转的。此事件由设备触发，可能使用内部陀螺仪。
捏捏是在捏指手势时触发的(两个手指相互移动或相互移动)。
旋转是在旋转手势时触发的(两个手指顺时针或逆时针旋转)。
滑动是在移动手势(手指在设备周围移动，例如拖动)时触发的。
在用一个接触点滑动移动手势(一个手指在设备周围移动)后，触发滑动。
在用两个接触点滑动移动手势(两个手指在设备周围移动)后，可以触发两个。
使用三个接触点的滑动手势(三个手指在设备周围移动)触发滑动三次。
滑动四是在用四个接触点滑动移动手势后触发的(四个手指在设备周围移动)
滑动是在一个严格的向上滑动手势之后触发的
swiperightup是在右旋和向上滑动动作后触发的。
滑动是在严格的右击动作后触发的。
swiperightdown是在钻机*htwards和向下滑动手势之后触发的
向下滑动是在严格向下滑动手势之后触发的
swipeleftdown是在左转和向下滑动手势后触发的。
swipeleft是在严格的左转动作后触发的。
旋转是在左转和向上滑动手势之后触发的。
tapone是在一个(一个手指)点击手势后触发的。
在双(两指)点击手势后触发taptwo
在三指(三指)敲击手势后触发Taptri3
当出现一个针孔手势(两个手指相互移动)并移除接触点(手指)时，会触发针孔打开。
当发生关闭手势(两个手指向对方移动)并移除接触点(手指)时，触发。
当发生顺时针旋转手势(两个手指顺时针旋转)并移除接触点(手指)时，触发旋转。
当发生逆时针旋转手势(两个手指逆时针旋转)并移除接触点(手指)时，触发旋转。|blockquote|style|BOLD|555315|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|U|0|0|0|0|5|6|H|1L|2|2E|2|37|2|4V|2|5R|6|6Q|4|6W|3|7V|2|8G|C|99|2|9Q|E|AT|4|BD|D|C7|9|CV|2|DF|6|EI|6|F3|7|G9|4|GI|T|IC|2|JF|2|0^^$0|@$1|2|3|4|5|6|7|T|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|U|8|@]|9|@$D|V|E|W|1|X]]|A|$]]|$1|F|3|G|5|6|7|Y|8|@]|9|@]|A|$]]|$1|H|3|I|5|J|7|Z|8|@$D|10|E|11|K|L]|$D|12|E|13|K|L]|$D|14|E|15|K|L]|$D|16|E|17|K|L]|$D|18|E|19|K|L]|$D|1A|E|1B|K|L]|$D|1C|E|1D|K|L]|$D|1E|E|1F|K|L]|$D|1G|E|1H|K|L]|$D|1I|E|1J|K|L]|$D|1K|E|1L|K|L]|$D|1M|E|1N|K|L]|$D|1O|E|1P|K|L]|$D|1Q|E|1R|K|L]|$D|1S|E|1T|K|L]|$D|1U|E|1V|K|L]|$D|1W|E|1X|K|L]|$D|1Y|E|1Z|K|L]|$D|20|E|21|K|L]|$D|22|E|23|K|L]|$D|24|E|25|K|L]|$D|26|E|27|K|L]|$D|28|E|29|K|L]|$D|2A|E|2B|K|L]]|9|@]|A|$]]|$1|M|3|-4|5|6|7|2C|8|@]|9|@]|A|$]]]|N|$O|$5|P|Q|R|A|$S|C]]]]

If you just want to bind to touch/gesture events I'd use jGestures instead:

<a href="http://jgestures.codeplex.com/" rel="noreferrer">http://jgestures.codeplex.com/</a>

Nice little jquery plugin that I've used on projects before with a big range of events to bind to:

<blockquote>
 Available events:
 
 orientationchange The device is turned clockwise or counterclockwise. This event is triggered by the device and might use
 an internal gyroscope.
 
 pinch Is triggered during a pinch gesture (two fingers moving away from or towards each other).
 
 rotate Is triggered during a rotation gesture (two fingers rotating clockwise or counterclockwise).
 
 swipemove Is triggered during a swipe move gesture (finger(s) being moved around the device, e.g. dragging)
 
 swipeone Is triggered after a swipe move gesture with one touchpoint (one finger was moved around the device)
 
 swipetwo Is triggered after a swipe move gesture with two touchpoints (two fingers were moved around the device)
 
 swipethree Is triggered after a swipe move gesture with three touchpoints (three fingers were moved around the device)
 
 swipefour Is triggered after a swipe move gesture with four touchpoints (four fingers were moved around the device)
 
 swipeup Is triggered after an strict upwards swipe move gesture
 
 swiperightup Is triggered after a rightwards and upwards swipe move gesture
 
 swiperight Is triggered after a strict rightwards swipe move gesture
 
 swiperightdown Is triggered after a rig*htwards and downwards swipe move gesture
 
 swipedown Is triggered after a strict downwards swipe move gesture
 
 swipeleftdown Is triggered after a leftwards and downwards swipe move gesture
 
 swipeleft Is triggered after a strict leftwards swipe move gesture
 
 swipeleftup Is triggered after a leftwards and upwards swipe move gesture
 
 tapone Is triggered after a single (one finger) tap gesture
 
 taptwo Is triggered after a double (two finger) tap gesture
 
 tapthree Is triggered after a tripple (three finger) tap gesture
 
 pinchopen Is triggered when a pinchopen gesture (two fingers moving away from each other) occured and the touchpoints (fingers) are
 removed the device.
 
 pinchclose Is triggered when a pinchclose gesture (two fingers moving towards each other) occured and the touchpoints (fingers) are
 removed the device.
 
 rotatecw Is triggered when a clockwise rotation gesture (two fingers rotating clockwise) occured and the touchpoints (fingers) are
 removed the device.
 
 rotateccw Is triggered when a counterclockwise rotation gesture (two fingers rotating counterclockwise) occured and the touchpoints
 (fingers) are removed the device.
</blockquote>

blocks|key|555336|text|在init时解决这个特定问题几乎是不可能的，您最好的选择是在您不希望默认样式发生的ui元素上使用数据-角色=“无”：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|555337|<button+type="button"+data-role="none">Click+Me!</button>​​​​​​​​​|code-block|syntax|javascript|555338|去http://jsfiddle.net/JGgrw/13/看看吧|offset|length|555339|entityMap|0|LINK|mutability|MUTABLE|url|http://jsfiddle.net/JGgrw/13/^0|0|0|1|T|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|U|8|@]|9|@$I|V|J|W|1|X]]|A|$]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|R]]]]

taking care of this particular problem at init time is nearly impossible, your best bet is to use data-role="none" on the ui element that you do not want default styling to happen on as such:

<pre><code>&lt;button type="button" data-role="none"&gt;Click Me!&lt;/button&gt;​​​​​​​​​
</code></pre>

check it out at <a href="http://jsfiddle.net/JGgrw/13/" rel="nofollow">http://jsfiddle.net/JGgrw/13/</a>

blocks|key|72971|text|如果其他人遇到这种情况(并且不需要jQuery的CDN中的文件)，下面是我提取JQM事件触发器的步骤：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|72972|git+clone+git@github.com:jquery/jquery-mobile|ordered-list-item|offset|length|style|CODE|72973|cd+jquery-mobile|72974|在您最喜欢的编辑器中编辑js/jquery.mobile.js|72975|用define(...);语句替换define(['./events/touch',+'./events/orientationchange']);语句|72976|make|72977|您的事件-只有JQM现在在compiled/jquery.mobile.js和compiled/jquery.mobile.min.js中。|72978|现在您可以使用$(el).tap(fn)之类的了，而不必担心JQM会劫持您的标记！|72979|entityMap^0|0|0|19|0|0|G|0|C|J|0|1|C|H|1L|0|0|4|0|D|P|13|T|0|7|D|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|X|8|@$E|Y|F|Z|G|H]]|9|@]|A|$]]|$1|I|3|J|5|D|7|10|8|@$E|11|F|12|G|H]]|9|@]|A|$]]|$1|K|3|L|5|D|7|13|8|@$E|14|F|15|G|H]]|9|@]|A|$]]|$1|M|3|N|5|D|7|16|8|@$E|17|F|18|G|H]|$E|19|F|1A|G|H]]|9|@]|A|$]]|$1|O|3|P|5|D|7|1B|8|@$E|1C|F|1D|G|H]]|9|@]|A|$]]|$1|Q|3|R|5|D|7|1E|8|@$E|1F|F|1G|G|H]|$E|1H|F|1I|G|H]]|9|@]|A|$]]|$1|S|3|T|5|6|7|1J|8|@$E|1K|F|1L|G|H]]|9|@]|A|$]]|$1|U|3|-4|5|6|7|1M|8|@]|9|@]|A|$]]]|V|$]]

In case anyone else runs into this (and doesn't need the file off one of jQuery's CDNs), here are the steps I took to extract just the JQM event triggers:

<ol>
<li><code>git clone git@github.com:jquery/jquery-mobile</code></li>
<li><code>cd jquery-mobile</code></li>
<li>edit <code>js/jquery.mobile.js</code> in your favorite editor</li>
<li>replace the <code>define(...);</code> statement with <code>define(['./events/touch', './events/orientationchange']);</code></li>
<li><code>make</code></li>
<li>your events-only JQM is now in <code>compiled/jquery.mobile.js</code> and <code>compiled/jquery.mobile.min.js</code></li>
</ol>

Now you can use <code>$(el).tap(fn)</code> and the like without worrying about JQM highjacking your markup!

blocks|key|73010|text|如果只想使用jQuery手机进行触摸事件，请在加载jQuery移动库之前添加此脚本：|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|73011|<script+type="text/javascript">$(document).bind("mobileinit",+function(){$.extend(++$.mobile+,+{autoInitializePage:+false})});</script>|code-block|syntax|javascript|73012|这样可以防止jquery初始化页面和触摸DOM，从而使布局不受影响。|73013|entityMap^0|15|1|0|0|0|Y|0^^$0|@$1|2|3|4|5|6|7|O|8|@$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|R|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|S|8|@$9|T|A|U|B|C]]|D|@]|E|$]]|$1|M|3|-4|5|6|7|V|8|@]|D|@]|E|$]]]|N|$]]

If you want to use jQuery mobile for touch events only, add this piece of script before you load the jQuery mobile library:

<pre><code>&lt;script type="text/javascript"&gt;$(document).bind("mobileinit", function(){$.extend( $.mobile , {autoInitializePage: false})});&lt;/script&gt;
</code></pre>

This prevents jquery mobile from initializing the page and touching the DOM, thus leaving your layout alone.

blocks|key|269136|text|jQuery移动现在有一个下载生成器，允许您只选择想要的部分，在这种情况下，您只需要选择事件部分下的Touch复选框。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|269137|http://jquerymobile.com/download-builder/|offset|length|269138|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|15|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@$D|O|E|P|1|Q]]|A|$]]|$1|F|3|-4|5|6|7|R|8|@]|9|@]|A|$]]]|G|$H|$5|I|J|K|A|$L|C]]]]

jQuery Mobile now has a Download Builder that lets you select only the parts that you want, in this case, you only need to select the Touch checkbox under the Event section.

<a href="http://jquerymobile.com/download-builder/" rel="noreferrer">http://jquerymobile.com/download-builder/</a>

blocks|key|269140|text|另一个新的选择是jQuery-Mobile-Events，我一直在努力解决这个问题，只发现这个插件很有用。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|269141|来自jQuery移动下载生成器的自定义构建不适用于我。jGestures没有我需要的taphold事件。|style|CODE|269142|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/benmajor/jQuery-Mobile-Events|1|http://jgestures.codeplex.com/^0|8|K|0|0|16|7|R|9|1|0^^$0|@$1|2|3|4|5|6|7|R|8|@]|9|@$A|S|B|T|1|U]]|C|$]]|$1|D|3|E|5|6|7|V|8|@$A|W|B|X|F|G]]|9|@$A|Y|B|Z|1|10]]|C|$]]|$1|H|3|-4|5|6|7|11|8|@]|9|@]|C|$]]]|I|$J|$5|K|L|M|C|$N|O]]|P|$5|K|L|M|C|$N|Q]]]]

Another new option is <a href="https://github.com/benmajor/jQuery-Mobile-Events" rel="noreferrer">jQuery-Mobile-Events</a>, I've been struggle with this problem and only find this plugin useful.

The custom build from jQuery Mobile's Download Builder doesn't work for me. And <a href="http://jgestures.codeplex.com/" rel="noreferrer">jGestures</a> doesn't have the <code>taphold</code> event which I need.

blocks|key|269566|text|访问下面的链接，只选择触摸，将添加的功能列在每个复选框下面，因此只选择您需要和可能使用的内容。CDN将始终包括所有功能，并将减慢as文件大小将更大，但不多。(我已经测试过并正在工作:)|type|unstyled|depth|inlineStyleRanges|entityRanges|data|269567|工作示例，但(完整的jQuery移动)与所有功能，简单使用下面的一个或下载官方网站的最新脚本，即自定义：https://codepen.io/binaryfever/pen/RGjKGP|offset|length|269568|下面的http://jquerymobile.com/download-builder/脚本只支持以下功能:触摸事件包括：触控启动、触屏、点击、保持、滑动、滚动启动、滚动停止。|style|BOLD|269569|/*!+jQuery+Mobile+_+Custom+Touch+Only+-+v1.4.5+%7C+Copyright+2010,+2014+jQuery+Foundation,+Inc.+%7C+jquery.org/license+*/

(function(e,t,n){typeof+define=="function"&&define.amd?define(["jquery"],function(r){return+n(r,e,t),r.mobile}):n(e.jQuery,e,t)})(this,document,function(e,t,n,r){(function(e,t,n,r){function+T(e){while(e&&typeof+e.originalEvent!="undefined")e=e.originalEvent;return+e}function+N(t,n){var+i=t.type,s,o,a,l,c,h,p,d,v;t=e.Event(t),t.type=n,s=t.originalEvent,o=e.event.props,i.search(/%5E(mouse%7Cclick)/)>-1&&(o=f);if(s)for(p=o.length,l;p;)l=o[--p],t[l]=s[l];i.search(/mouse(down%7Cup)%7Cclick/)>-1&&!t.which&&(t.which=1);if(i.search(/%5Etouch/)!==-1){a=T(s),i=a.touches,c=a.changedTouches,h=i&&i.length?i[0]:c&&c.length?c[0]:r;if(h)for(d=0,v=u.length;d<v;d%2B%2B)l=u[d],t[l]=h[l]}return+t}function+C(t){var+n={},r,s;while(t){r=e.data(t,i);for(s+in+r)r[s]&&(n[s]=n.hasVirtualBinding=!0);t=t.parentNode}return+n}function+k(t,n){var+r;while(t){r=e.data(t,i);if(r&&(!n%7C%7Cr[n]))return+t;t=t.parentNode}return+null}function+L(){g=!1}function+A(){g=!0}function+O(){E=0,v.length=0,m=!1,A()}function+M(){L()}function+_(){D(),c=setTimeout(function(){c=0,O()},e.vmouse.resetTimerDuration)}function+D(){c&&(clearTimeout(c),c=0)}function+P(t,n,r){var+i;if(r&&r[t]%7C%7C!r&&k(n.target,t))i=N(n,t),e(n.target).trigger(i);return+i}function+H(t){var+n=e.data(t.target,s),r;!m&&(!E%7C%7CE!==n)&&(r=P("v"%2Bt.type,t),r&&(r.isDefaultPrevented()&&t.preventDefault(),r.isPropagationStopped()&&t.stopPropagation(),r.isImmediatePropagationStopped()&&t.stopImmediatePropagation()))}function+B(t){var+n=T(t).touches,r,i,o;n&&n.length===1&&(r=t.target,i=C(r),i.hasVirtualBinding&&(E=w%2B%2B,e.data(r,s,E),D(),M(),d=!1,o=T(t).touches[0],h=o.pageX,p=o.pageY,P("vmouseover",t,i),P("vmousedown",t,i)))}function+j(e){if(g)return;d%7C%7CP("vmousecancel",e,C(e.target)),d=!0,_()}function+F(t){if(g)return;var+n=T(t).touches[0],r=d,i=e.vmouse.moveDistanceThreshold,s=C(t.target);d=d%7C%7CMath.abs(n.pageX-h)>i%7C%7CMath.abs(n.pageY-p)>i,d&&!r&&P("vmousecancel",t,s),P("vmousemove",t,s),_()}function+I(e){if(g)return;A();var+t=C(e.target),n,r;P("vmouseup",e,t),d%7C%7C(n=P("vclick",e,t),n&&n.isDefaultPrevented()&&(r=T(e).changedTouches[0],v.push({touchID:E,x:r.clientX,y:r.clientY}),m=!0)),P("vmouseout",e,t),d=!1,_()}function+q(t){var+n=e.data(t,i),r;if(n)for(r+in+n)if(n[r])return!0;return!1}function+R(){}function+U(t){var+n=t.substr(1);return{setup:function(){q(this)%7C%7Ce.data(this,i,{});var+r=e.data(this,i);r[t]=!0,l[t]=(l[t]%7C%7C0)%2B1,l[t]===1&&b.bind(n,H),e(this).bind(n,R),y&&(l.touchstart=(l.touchstart%7C%7C0)%2B1,l.touchstart===1&&b.bind("touchstart",B).bind("touchend",I).bind("touchmove",F).bind("scroll",j))},teardown:function(){--l[t],l[t]%7C%7Cb.unbind(n,H),y&&(--l.touchstart,l.touchstart%7C%7Cb.unbind("touchstart",B).unbind("touchmove",F).unbind("touchend",I).unbind("scroll",j));var+r=e(this),s=e.data(this,i);s&&(s[t]=!1),r.unbind(n,R),q(this)%7C%7Cr.removeData(i)}}}var+i="virtualMouseBindings",s="virtualTouchID",o="vmouseover+vmousedown+vmousemove+vmouseup+vclick+vmouseout+vmousecancel".split("+"),u="clientX+clientY+pageX+pageY+screenX+screenY".split("+"),a=e.event.mouseHooks?e.event.mouseHooks.props:[],f=e.event.props.concat(a),l={},c=0,h=0,p=0,d=!1,v=[],m=!1,g=!1,y="addEventListener"in+n,b=e(n),w=1,E=0,S,x;e.vmouse={moveDistanceThreshold:10,clickDistanceThreshold:10,resetTimerDuration:1500};for(x=0;x<o.length;x%2B%2B)e.event.special[o[x]]=U(o[x]);y&&n.addEventListener("click",function(t){var+n=v.length,r=t.target,i,o,u,a,f,l;if(n){i=t.clientX,o=t.clientY,S=e.vmouse.clickDistanceThreshold,u=r;while(u){for(a=0;a<n;a%2B%2B){f=v[a],l=0;if(u===r&&Math.abs(f.x-i)<S&&Math.abs(f.y-o)<S%7C%7Ce.data(u,s)===f.touchID){t.preventDefault(),t.stopPropagation();return}}u=u.parentNode}}},!0)})(e,t,n),function(e){e.mobile={}}(e),function(e,t){var+r={touch:"ontouchend"in+n};e.mobile.support=e.mobile.support%7C%7C{},e.extend(e.support,r),e.extend(e.mobile.support,r)}(e),function(e,t,r){function+l(t,n,i,s){var+o=i.type;i.type=n,s?e.event.trigger(i,r,t):e.event.dispatch.call(t,i),i.type=o}var+i=e(n),s=e.mobile.support.touch,o="touchmove+scroll",u=s?"touchstart":"mousedown",a=s?"touchend":"mouseup",f=s?"touchmove":"mousemove";e.each("touchstart+touchmove+touchend+tap+taphold+swipe+swipeleft+swiperight+scrollstart+scrollstop".split("+"),function(t,n){e.fn[n]=function(e){return+e?this.bind(n,e):this.trigger(n)},e.attrFn&&(e.attrFn[n]=!0)}),e.event.special.scrollstart={enabled:!0,setup:function(){function+s(e,n){r=n,l(t,r?"scrollstart":"scrollstop",e)}var+t=this,n=e(t),r,i;n.bind(o,function(t){if(!e.event.special.scrollstart.enabled)return;r%7C%7Cs(t,!0),clearTimeout(i),i=setTimeout(function(){s(t,!1)},50)})},teardown:function(){e(this).unbind(o)}},e.event.special.tap={tapholdThreshold:750,emitTapOnTaphold:!0,setup:function(){var+t=this,n=e(t),r=!1;n.bind("vmousedown",function(s){function+a(){clearTimeout(u)}function+f(){a(),n.unbind("vclick",c).unbind("vmouseup",a),i.unbind("vmousecancel",f)}function+c(e){f(),!r&&o===e.target?l(t,"tap",e):r&&e.preventDefault()}r=!1;if(s.which&&s.which!==1)return!1;var+o=s.target,u;n.bind("vmouseup",a).bind("vclick",c),i.bind("vmousecancel",f),u=setTimeout(function(){e.event.special.tap.emitTapOnTaphold%7C%7C(r=!0),l(t,"taphold",e.Event("taphold",{target:o}))},e.event.special.tap.tapholdThreshold)})},teardown:function(){e(this).unbind("vmousedown").unbind("vclick").unbind("vmouseup"),i.unbind("vmousecancel")}},e.event.special.swipe={scrollSupressionThreshold:30,durationThreshold:1e3,horizontalDistanceThreshold:30,verticalDistanceThreshold:30,getLocation:function(e){var+n=t.pageXOffset,r=t.pageYOffset,i=e.clientX,s=e.clientY;if(e.pageY===0&&Math.floor(s)>Math.floor(e.pageY)%7C%7Ce.pageX===0&&Math.floor(i)>Math.floor(e.pageX))i-=n,s-=r;else+if(s<e.pageY-r%7C%7Ci<e.pageX-n)i=e.pageX-n,s=e.pageY-r;return{x:i,y:s}},start:function(t){var+n=t.originalEvent.touches?t.originalEvent.touches[0]:t,r=e.event.special.swipe.getLocation(n);return{time:(new+Date).getTime(),coords:[r.x,r.y],origin:e(t.target)}},stop:function(t){var+n=t.originalEvent.touches?t.originalEvent.touches[0]:t,r=e.event.special.swipe.getLocation(n);return{time:(new+Date).getTime(),coords:[r.x,r.y]}},handleSwipe:function(t,n,r,i){if(n.time-t.time<e.event.special.swipe.durationThreshold&&Math.abs(t.coords[0]-n.coords[0])>e.event.special.swipe.horizontalDistanceThreshold&&Math.abs(t.coords[1]-n.coords[1])<e.event.special.swipe.verticalDistanceThreshold){var+s=t.coords[0]>n.coords[0]?"swipeleft":"swiperight";return+l(r,"swipe",e.Event("swipe",{target:i,swipestart:t,swipestop:n}),!0),l(r,s,e.Event(s,{target:i,swipestart:t,swipestop:n}),!0),!0}return!1},eventInProgress:!1,setup:function(){var+t,n=this,r=e(n),s={};t=e.data(this,"mobile-events"),t%7C%7C(t={length:0},e.data(this,"mobile-events",t)),t.length%2B%2B,t.swipe=s,s.start=function(t){if(e.event.special.swipe.eventInProgress)return;e.event.special.swipe.eventInProgress=!0;var+r,o=e.event.special.swipe.start(t),u=t.target,l=!1;s.move=function(t){if(!o%7C%7Ct.isDefaultPrevented())return;r=e.event.special.swipe.stop(t),l%7C%7C(l=e.event.special.swipe.handleSwipe(o,r,n,u),l&&(e.event.special.swipe.eventInProgress=!1)),Math.abs(o.coords[0]-r.coords[0])>e.event.special.swipe.scrollSupressionThreshold&&t.preventDefault()},s.stop=function(){l=!0,e.event.special.swipe.eventInProgress=!1,i.off(f,s.move),s.move=null},i.on(f,s.move).one(a,s.stop)},r.on(u,s.start)},teardown:function(){var+t,n;t=e.data(this,"mobile-events"),t&&(n=t.swipe,delete+t.swipe,t.length--,t.length===0&&e.removeData(this,"mobile-events")),n&&(n.start&&e(this).off(u,n.start),n.move&&i.off(f,n.move),n.stop&&i.off(a,n.stop))}},e.each({scrollstop:"scrollstart",taphold:"tap",swipeleft:"swipe.left",swiperight:"swipe.right"},function(t,n){e.event.special[t]={setup:function(){e(this).bind(n,e.noop)},teardown:function(){e(this).unbind(n)}}})}(e,this)});|code-block|syntax|javascript|269570|entityMap|0|LINK|mutability|MUTABLE|url|https://codepen.io/binaryfever/pen/RGjKGP|1|http://jquerymobile.com/download-builder/^0|0|1G|15|0|0|1P|R|3|15|1|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Z|8|@]|9|@$D|10|E|11|1|12]]|A|$]]|$1|F|3|G|5|6|7|13|8|@$D|14|E|15|H|I]]|9|@$D|16|E|17|1|18]]|A|$]]|$1|J|3|K|5|L|7|19|8|@]|9|@]|A|$M|N]]|$1|O|3|-4|5|6|7|1A|8|@]|9|@]|A|$]]]|P|$Q|$5|R|S|T|A|$U|V]]|W|$5|R|S|T|A|$U|X]]]]

Visit the link below and only Select TOUCH, Features that will be add are listed below each checkbox, so only select what you need and will possibly use.
CDN will always include all features and will slow down the as file size will be larger but not much. I have tested and is working :)

Working Example but (Full jQuery Mobile) with all features, simple use the one below or download the latest script of official website that is Custom:
<a href="https://codepen.io/binaryfever/pen/RGjKGP" rel="nofollow noreferrer">https://codepen.io/binaryfever/pen/RGjKGP</a>

<a href="http://jquerymobile.com/download-builder/" rel="nofollow noreferrer">http://jquerymobile.com/download-builder/</a>
Script below only supports the following features: 
Touch events including: touchstart, touchmove, touchend, tap, taphold, swipe, swipeleft, swiperight, scrollstart, scrollstop.

<pre><code>/*! jQuery Mobile _ Custom Touch Only - v1.4.5 | Copyright 2010, 2014 jQuery Foundation, Inc. | jquery.org/license */

(function(e,t,n){typeof define=="function"&amp;&amp;define.amd?define(["jquery"],function(r){return n(r,e,t),r.mobile}):n(e.jQuery,e,t)})(this,document,function(e,t,n,r){(function(e,t,n,r){function T(e){while(e&amp;&amp;typeof e.originalEvent!="undefined")e=e.originalEvent;return e}function N(t,n){var i=t.type,s,o,a,l,c,h,p,d,v;t=e.Event(t),t.type=n,s=t.originalEvent,o=e.event.props,i.search(/^(mouse|click)/)&gt;-1&amp;&amp;(o=f);if(s)for(p=o.length,l;p;)l=o[--p],t[l]=s[l];i.search(/mouse(down|up)|click/)&gt;-1&amp;&amp;!t.which&amp;&amp;(t.which=1);if(i.search(/^touch/)!==-1){a=T(s),i=a.touches,c=a.changedTouches,h=i&amp;&amp;i.length?i[0]:c&amp;&amp;c.length?c[0]:r;if(h)for(d=0,v=u.length;d&lt;v;d++)l=u[d],t[l]=h[l]}return t}function C(t){var n={},r,s;while(t){r=e.data(t,i);for(s in r)r[s]&amp;&amp;(n[s]=n.hasVirtualBinding=!0);t=t.parentNode}return n}function k(t,n){var r;while(t){r=e.data(t,i);if(r&amp;&amp;(!n||r[n]))return t;t=t.parentNode}return null}function L(){g=!1}function A(){g=!0}function O(){E=0,v.length=0,m=!1,A()}function M(){L()}function _(){D(),c=setTimeout(function(){c=0,O()},e.vmouse.resetTimerDuration)}function D(){c&amp;&amp;(clearTimeout(c),c=0)}function P(t,n,r){var i;if(r&amp;&amp;r[t]||!r&amp;&amp;k(n.target,t))i=N(n,t),e(n.target).trigger(i);return i}function H(t){var n=e.data(t.target,s),r;!m&amp;&amp;(!E||E!==n)&amp;&amp;(r=P("v"+t.type,t),r&amp;&amp;(r.isDefaultPrevented()&amp;&amp;t.preventDefault(),r.isPropagationStopped()&amp;&amp;t.stopPropagation(),r.isImmediatePropagationStopped()&amp;&amp;t.stopImmediatePropagation()))}function B(t){var n=T(t).touches,r,i,o;n&amp;&amp;n.length===1&amp;&amp;(r=t.target,i=C(r),i.hasVirtualBinding&amp;&amp;(E=w++,e.data(r,s,E),D(),M(),d=!1,o=T(t).touches[0],h=o.pageX,p=o.pageY,P("vmouseover",t,i),P("vmousedown",t,i)))}function j(e){if(g)return;d||P("vmousecancel",e,C(e.target)),d=!0,_()}function F(t){if(g)return;var n=T(t).touches[0],r=d,i=e.vmouse.moveDistanceThreshold,s=C(t.target);d=d||Math.abs(n.pageX-h)&gt;i||Math.abs(n.pageY-p)&gt;i,d&amp;&amp;!r&amp;&amp;P("vmousecancel",t,s),P("vmousemove",t,s),_()}function I(e){if(g)return;A();var t=C(e.target),n,r;P("vmouseup",e,t),d||(n=P("vclick",e,t),n&amp;&amp;n.isDefaultPrevented()&amp;&amp;(r=T(e).changedTouches[0],v.push({touchID:E,x:r.clientX,y:r.clientY}),m=!0)),P("vmouseout",e,t),d=!1,_()}function q(t){var n=e.data(t,i),r;if(n)for(r in n)if(n[r])return!0;return!1}function R(){}function U(t){var n=t.substr(1);return{setup:function(){q(this)||e.data(this,i,{});var r=e.data(this,i);r[t]=!0,l[t]=(l[t]||0)+1,l[t]===1&amp;&amp;b.bind(n,H),e(this).bind(n,R),y&amp;&amp;(l.touchstart=(l.touchstart||0)+1,l.touchstart===1&amp;&amp;b.bind("touchstart",B).bind("touchend",I).bind("touchmove",F).bind("scroll",j))},teardown:function(){--l[t],l[t]||b.unbind(n,H),y&amp;&amp;(--l.touchstart,l.touchstart||b.unbind("touchstart",B).unbind("touchmove",F).unbind("touchend",I).unbind("scroll",j));var r=e(this),s=e.data(this,i);s&amp;&amp;(s[t]=!1),r.unbind(n,R),q(this)||r.removeData(i)}}}var i="virtualMouseBindings",s="virtualTouchID",o="vmouseover vmousedown vmousemove vmouseup vclick vmouseout vmousecancel".split(" "),u="clientX clientY pageX pageY screenX screenY".split(" "),a=e.event.mouseHooks?e.event.mouseHooks.props:[],f=e.event.props.concat(a),l={},c=0,h=0,p=0,d=!1,v=[],m=!1,g=!1,y="addEventListener"in n,b=e(n),w=1,E=0,S,x;e.vmouse={moveDistanceThreshold:10,clickDistanceThreshold:10,resetTimerDuration:1500};for(x=0;x&lt;o.length;x++)e.event.special[o[x]]=U(o[x]);y&amp;&amp;n.addEventListener("click",function(t){var n=v.length,r=t.target,i,o,u,a,f,l;if(n){i=t.clientX,o=t.clientY,S=e.vmouse.clickDistanceThreshold,u=r;while(u){for(a=0;a&lt;n;a++){f=v[a],l=0;if(u===r&amp;&amp;Math.abs(f.x-i)&lt;S&amp;&amp;Math.abs(f.y-o)&lt;S||e.data(u,s)===f.touchID){t.preventDefault(),t.stopPropagation();return}}u=u.parentNode}}},!0)})(e,t,n),function(e){e.mobile={}}(e),function(e,t){var r={touch:"ontouchend"in n};e.mobile.support=e.mobile.support||{},e.extend(e.support,r),e.extend(e.mobile.support,r)}(e),function(e,t,r){function l(t,n,i,s){var o=i.type;i.type=n,s?e.event.trigger(i,r,t):e.event.dispatch.call(t,i),i.type=o}var i=e(n),s=e.mobile.support.touch,o="touchmove scroll",u=s?"touchstart":"mousedown",a=s?"touchend":"mouseup",f=s?"touchmove":"mousemove";e.each("touchstart touchmove touchend tap taphold swipe swipeleft swiperight scrollstart scrollstop".split(" "),function(t,n){e.fn[n]=function(e){return e?this.bind(n,e):this.trigger(n)},e.attrFn&amp;&amp;(e.attrFn[n]=!0)}),e.event.special.scrollstart={enabled:!0,setup:function(){function s(e,n){r=n,l(t,r?"scrollstart":"scrollstop",e)}var t=this,n=e(t),r,i;n.bind(o,function(t){if(!e.event.special.scrollstart.enabled)return;r||s(t,!0),clearTimeout(i),i=setTimeout(function(){s(t,!1)},50)})},teardown:function(){e(this).unbind(o)}},e.event.special.tap={tapholdThreshold:750,emitTapOnTaphold:!0,setup:function(){var t=this,n=e(t),r=!1;n.bind("vmousedown",function(s){function a(){clearTimeout(u)}function f(){a(),n.unbind("vclick",c).unbind("vmouseup",a),i.unbind("vmousecancel",f)}function c(e){f(),!r&amp;&amp;o===e.target?l(t,"tap",e):r&amp;&amp;e.preventDefault()}r=!1;if(s.which&amp;&amp;s.which!==1)return!1;var o=s.target,u;n.bind("vmouseup",a).bind("vclick",c),i.bind("vmousecancel",f),u=setTimeout(function(){e.event.special.tap.emitTapOnTaphold||(r=!0),l(t,"taphold",e.Event("taphold",{target:o}))},e.event.special.tap.tapholdThreshold)})},teardown:function(){e(this).unbind("vmousedown").unbind("vclick").unbind("vmouseup"),i.unbind("vmousecancel")}},e.event.special.swipe={scrollSupressionThreshold:30,durationThreshold:1e3,horizontalDistanceThreshold:30,verticalDistanceThreshold:30,getLocation:function(e){var n=t.pageXOffset,r=t.pageYOffset,i=e.clientX,s=e.clientY;if(e.pageY===0&amp;&amp;Math.floor(s)&gt;Math.floor(e.pageY)||e.pageX===0&amp;&amp;Math.floor(i)&gt;Math.floor(e.pageX))i-=n,s-=r;else if(s&lt;e.pageY-r||i&lt;e.pageX-n)i=e.pageX-n,s=e.pageY-r;return{x:i,y:s}},start:function(t){var n=t.originalEvent.touches?t.originalEvent.touches[0]:t,r=e.event.special.swipe.getLocation(n);return{time:(new Date).getTime(),coords:[r.x,r.y],origin:e(t.target)}},stop:function(t){var n=t.originalEvent.touches?t.originalEvent.touches[0]:t,r=e.event.special.swipe.getLocation(n);return{time:(new Date).getTime(),coords:[r.x,r.y]}},handleSwipe:function(t,n,r,i){if(n.time-t.time&lt;e.event.special.swipe.durationThreshold&amp;&amp;Math.abs(t.coords[0]-n.coords[0])&gt;e.event.special.swipe.horizontalDistanceThreshold&amp;&amp;Math.abs(t.coords[1]-n.coords[1])&lt;e.event.special.swipe.verticalDistanceThreshold){var s=t.coords[0]&gt;n.coords[0]?"swipeleft":"swiperight";return l(r,"swipe",e.Event("swipe",{target:i,swipestart:t,swipestop:n}),!0),l(r,s,e.Event(s,{target:i,swipestart:t,swipestop:n}),!0),!0}return!1},eventInProgress:!1,setup:function(){var t,n=this,r=e(n),s={};t=e.data(this,"mobile-events"),t||(t={length:0},e.data(this,"mobile-events",t)),t.length++,t.swipe=s,s.start=function(t){if(e.event.special.swipe.eventInProgress)return;e.event.special.swipe.eventInProgress=!0;var r,o=e.event.special.swipe.start(t),u=t.target,l=!1;s.move=function(t){if(!o||t.isDefaultPrevented())return;r=e.event.special.swipe.stop(t),l||(l=e.event.special.swipe.handleSwipe(o,r,n,u),l&amp;&amp;(e.event.special.swipe.eventInProgress=!1)),Math.abs(o.coords[0]-r.coords[0])&gt;e.event.special.swipe.scrollSupressionThreshold&amp;&amp;t.preventDefault()},s.stop=function(){l=!0,e.event.special.swipe.eventInProgress=!1,i.off(f,s.move),s.move=null},i.on(f,s.move).one(a,s.stop)},r.on(u,s.start)},teardown:function(){var t,n;t=e.data(this,"mobile-events"),t&amp;&amp;(n=t.swipe,delete t.swipe,t.length--,t.length===0&amp;&amp;e.removeData(this,"mobile-events")),n&amp;&amp;(n.start&amp;&amp;e(this).off(u,n.start),n.move&amp;&amp;i.off(f,n.move),n.stop&amp;&amp;i.off(a,n.stop))}},e.each({scrollstop:"scrollstart",taphold:"tap",swipeleft:"swipe.left",swiperight:"swipe.right"},function(t,n){e.event.special[t]={setup:function(){e(this).bind(n,e.noop)},teardown:function(){e(this).unbind(n)}}})}(e,this)});
</code></pre>

I’m working on a web app that has its own look and feel. I want to use jQuery Mobile for the touch events support only. 

When I link jquery.mobile.min.js (without linking the css), then the layout of my page is broken. 

How can I configure (initialize) jQuery Mobile to only use touch events support? Would I bind the events in the jQuery document ready hook since I'd not have any JQM page related event?

Edit

See this example in jsfiddle: <a href="http://jsfiddle.net/redhotsly/JGgrw/" rel="noreferrer">http://jsfiddle.net/redhotsly/JGgrw/</a>. The html contains a <code>&lt;button&gt;</code> but jQuery Mobile created a <code>&lt;span&gt;</code> to its left. If you inspect the resulting markup (F12) you will see that jQuery Mobile also added a CSS class to my button.

Edit:

I need a solution where I'll not have modify the JQM script. I need to use the official script off a CDN.

How to use jQuery Mobile for its touch event support only (no UI enhancements)?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我正在开发一个有它自己的外观和感觉的网络应用程序。我只想使用jQuery移动作为触摸事件的支持。当我链接jquery.mobile.min.js (没有链接css)时，我的页面布局就会中断。如何配置(初始化) jQuery移动仅使用触摸事件支持？我是否会绑定jQuery文档就绪钩子中的事件，因为我没有任何与JQM页面相...

问如何使用jQuery移动仅支持触摸事件(没有UI增强)？
EN

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用jQuery移动仅支持触摸事件(没有UI增强)？EN

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用jQuery移动仅支持触摸事件(没有UI增强)？
EN