码迷,mamicode.com
首页 > 移动开发 > 详细

移动端网站开发总结2

时间:2014-11-19 17:44:21      阅读:223      评论:0      收藏:0      [点我收藏+]

标签:style   blog   io   ar   color   os   sp   on   div   

这段时间一直在做移动端的网站,顺便写一点总结吧,随便写的,想到什么写什么,所有若有幸被各位所看到,可以无视哈。。。。

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

标签:style   blog   io   ar   color   os   sp   on   div   

原文地址:http://www.cnblogs.com/cainiaoz/p/4108410.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!