首页 > 代码库 > 移动端网站开发总结2
移动端网站开发总结2
这段时间一直在做移动端的网站，顺便写一点总结吧，随便写的，想到什么写什么，所有若有幸被各位所看到，可以无视哈。。。。
1.
1 $(document).bind("click",function(e){ 2 var target = $(e.target); 3 if(target.closest(".pop").length == 0){ 4 $(".pop").hide(); 5 } 6 })
这段代码，是在做右上角菜单时候用到的， 意思是除了“.pop”元素块之外的文档任何地方点击一下“.pop”隐藏掉、、、
1 target.closest(".pop").length == 0这段代码可以说是这个小功能的中最难懂的一段代码，target 是目标对象，详细解释：
e.target的含义$(function(){ $("li:has(ul)").click(function(e){ if(this==e.target){ $(this).children().toggle(); $(this).css("list-style-image",($(this).children().is(":hidden")?"url(plus.gif)":"url(minus.gif)")) } return false; //避免不必要的事件混绕 }).css("cursor","pointer").click(); //加载时触发点击事件 //对于没有子项的菜单，统一设置 $("li:not(:has(ul))").css({ "cursor":"default", "list-style-image":"none" });});===========================具体问题具体分析；当前目标在event事件中代表点击对象；loader事件：加载对象；e只是参数，任意取值；对应即可；e.target 是目标对象，e.event是目标所发生的事件。
2.文字溢出部分隐藏并添加省略号： overflow:hidden;white-space: nowrap;text-overflow: ellipsis;
移动端网站开发总结2
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。