【解决】zepto的tap“点透”问题终极解决方案 - 成长脚印-专注于互联网发展
成长脚印-专注于互联网发展
【解决】zepto的tap“点透”问题终极解决方案
zepto点透问题一直是个头疼的问题，此处不具体分析点透产生的原因，仅介绍解决方案。
网上已经有很多解决方案：
方案一：来得很直接github上有个fastclick可以完美解决/ftlabs/fastclick
方案二：用touchend代替tap事件并阻止掉touchend的默认行为preventDefault()
方案三：延迟一定的时间(300ms+)来处理事件
理论上上面的方法可以完美的解决tap的点透问题，如果真的倔强到不行，用click
首先方案一、方案二，要么引入一个库，要么替换掉tap事件，繁琐，头疼。方案三，点击延迟也不太好吧，着急点的用户还以为自己没点上呢，另外延迟300ms在IOS上是不够的，400ms是个理想值。
【终极方案】（自己可以依照自己的需求进行扩展）：
原理就是：用户点击的时候“弹出”一个顶层DIV，屏蔽掉所有事件传递，然后定时自动隐藏。
&style type="text/css"&
/*Touch Fix*/
#touchFix{visibility:width: 100%;height: 100%;position:left: 0top: 0z-index: 9999;}
&script type="text/javascript"&
var touchFixBox=$('#touchFix');
//Touch Fix Event for Android
var touchFix=(function(){
var show=function(callback){
touchFixBox.css('visibility','visible');
if(typeof callback=='function'){
callback();
var hide=function(callback){
setTimeout(function(){
touchFixBox.css('visibility','hidden');
if(typeof callback=='function'){
callback();
var auto=function(callback){
hide(callback);
show:show,
hide:hide,
具体查看演示：(源码可以右键查看源代码)
相关日志：
阅读本文后，您的心情是：
引用地址:/tb.php?sc=46f76d&id=226
职位:研发工程师
阳光与欢乐同在,
日志：151篇
评论：45条
碎语：264条
随机日志 &
最新日志 &
最新评论 &如图中红色标记部分的实现:
下面贴出jsp页面代码:
&%@&page&language=&java&&contentType=&text/&charset=UTF-8&
&&&&pageEncoding=&UTF-8&%&
&!DOCTYPE&html&PUBLIC&&-//W3C//DTD&HTML&4.01&Transitional//EN&&&http://www.w3.org/TR/html4/loose.dtd&&
&meta&http-equiv=&Content-Type&&content=&text/&charset=UTF-8&&
&meta&http-equiv=&X-UA-Compatible&&content=&IE=edge&&&!--&&IE使用它所支持的最新版本--&
&meta&name=&viewport&&content=&width=device-width,&initial-scale=1.0&&
&title&tree&/title&
&link&href=&../css/bootstrap.min.css&&rel=&stylesheet&&
&link&href=&../css/style.min.css&&rel=&stylesheet&&
&link&href=&../css/font-awesome.min.css&&rel=&stylesheet&&
&&&div&id=&myTree&&
&&&&&&&li&Root&1&/li&
&&&&&&&li&Root&2
&&&&&&&&&ul&
&&&&&&&&&&&li&id=&child1&&
&&&&&&&&&&&&&a&child&1&/a&
&&&&&&&&&&&&&ul&
&&&&&&&&&&&&&&&li&child&1-1&/li&
&&&&&&&&&&&&&&&li&child&1-2&/li&
&&&&&&&&&&&&&/ul&
&&&&&&&&&&&/li&
&&&&&&&&&&
&&&&&&&&&&&li&child&2&/li&
&&&&&&&&&&&li&child&3&/li&
&&&&&&&&&/ul&
&&&&&&&/li&
&&&&&&&li&Root&3&/li&
&&&script&src=&../js/jquery.min.js&&&/script&
&&&script&src=&../js/bootstrap.min.js&&&/script&
&&&script&src=&../js/jstree.min.js&&&/script&
&&&script&
&&$(function&()&{&
$('#myTree').jstree();
$('#myTree').on(&changed.jstree&,&function&(e,&data)&{
&&console.log(data.selected);
$('button').on('click',&function&()&{
&&&&&&$('#myTree').jstree(true).select_node('child1');
&&&&&&$('#myTree').jstree('select_node',&'child1');
&&&&&&$.jstree.reference('#myTree').select_node('child1');
&&&/script&
回复讨论(解决方案)
直接把默认图片替换掉，或者动态的设置节点的icon图标
直接把默认图片替换掉，或者动态的设置节点的icon图标
只能动态替换,直接换图片已经实现,但是每次点击都要换没实现,API看不懂啊
没有回复就要结贴啦liyerui ligerComboBox下拉框中的树怎么更换数据源 - JavaScript当前位置:& &&&liyerui ligerComboBox下拉框中的树怎么更换数据源liyerui ligerComboBox下拉框中的树怎么更换数据源&&网友分享于：&&浏览：0次liyerui ligerComboBox下拉框中的树如何更换数据源下图是用ligerUI&ligerComboBox做的一棵树，如何更新这棵树的数据源。
下面是js代码：
department&=&$("#department").ligerComboBox({
&&&&&&&&&&&&&&&&&&&&&&&&width:&150,
&&&&&&&&&&&&&&&&&&&&&&&&selectBoxWidth:&150,
&&&&&&&&&&&&&&&&&&&&&&&&selectBoxHeight:&150,
&&&&&&&&&&&&&&&&&&&&&&&&valueField:&'id',
&&&&&&&&&&&&&&&&&&&&&&&&textField:&'text',
&&&&&&&&&&&&&&&&&&&&&&&&treeLeafOnly:&false,
&&&&&&&&&&&&&&&&&&&&&&&&initValue:&obj.department_id,
&&&&&&&&&&&&&&&&&&&&&&&&tree:&{
&&&&&&&&&&&&&&&&&&&&&&&&&&&&onSuccess:&function&()&{
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&//var&manager&=&$(".l-tree").ligerGetTreeManager();
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&//manager.clear();
&&&&&&&&&&&&&&&&&&&&&&&&&&&&},
&&&&&&&&&&&&&&&&&&&&&&&&&&&&url:&'../data/department.ashx?Action=deptree&company_id='&+&pany_id&+&'&rnd='&+&Math.random(),
&&&&&&&&&&&&&&&&&&&&&&&&&&&&usericon:&'icon',
&&&&&&&&&&&&&&&&&&&&&&&&&&&&idFieldName:&'id',
&&&&&&&&&&&&&&&&&&&&&&&&&&&&checkbox:&false
&&&&&&&&&&&&&&&&&&&&&&&&}
&&&&&&&&&&&&&&&&&&&&});------解决思路----------------------/修改画树哪部分js代码的data数据------解决思路----------------------干嘛不用easyui了，ligerui太多bug了，方法也不多，一定要用就设置容器内容为空，然后直接重构一棵树算了------解决思路----------------------用容器扩起dom元素，方法重置
&div&id="lb"&&input&type="text"&id="txt1"&/&&/div&
$('#lb').html('&input&type="text"&id="txt1"&/&')//重置dom元素
&$("#txt1").ligerComboBox({//重新生成cb，注意设置数据源和相关配置
&&&&&&&&&&&&&&&&width:&180,
&&&&&&&&&&&&&&&&selectBoxWidth:&200,
&&&&&&&&&&&&&&&&selectBoxHeight:&200,&valueField:&'text',&treeLeafOnly:&false,
&&&&&&&&&&&&&&&&tree:&{&url:&'../tree/json.txt',&ajaxType:&'get'&}
&&&&&&&&&&&&});;
12345678910
12345678910
12345678910 上一篇：下一篇：文章评论相关解决方案 1234567891011 Copyright & &&版权所有jquery easyui tree 怎么自动展开全部节点_百度知道