ipu的trunk版的android工程和服务端工程。

button.js 2.9KB

    require(["domReady!","util"], function(doc,util) { new iScroll("content"); /*也可以通过标签属性ontap=";"来展示触感,使用ontap演示*/ //$("#title_button").tap(function(){}); //$("#icon_button").tap(function(){}); $("#cancel").tap(function(){ alert("长按取消按钮有触感"); }); $("#submit").tap(function(){ alert("长按提交按钮有触感"); }); $("#delete").tap(function(){ alert("长按删除按钮有触感"); }); //设置 dropmenu //初始化(CSS已将它默认放到了界面之外,以下设置不会造成闪烁) $("#dropmenu").find("ul").css("top",$("#dropmenu").height()*(-1) + "px"); $("#dropmenu").find("ul").css("transition","transform 0.2s ease-out"); $("#dropbutton").find(".e_ico-unfold").css("transition","transform 0.2s ease-out"); $("#dropmenu").css("visibility","hidden"); //位置 $("#dropmenu").css("left",$("#dropbutton").offset().left + $("#dropbutton").width() - $("#dropmenu").width());//靠右要减去这两个 width(),靠左则不需要 $("#dropmenu").css("top",$("#dropbutton").offset().top + $("#dropbutton").height()); $("#dropmenu").css("display","none"); $("#dropmenu").css("visibility","visible"); //显隐 $("#dropbutton").tap(function(){ if($("#dropmenu").css("display") == "none"){ $("#dropmenu").css("display",""); $("#dropmenu").find("ul").css("transform","translateY(" + $("#dropmenu").height() + "px)"); $("#dropbutton").find(".e_ico-unfold").css("transform","rotate(180deg)"); } else { $("#dropmenu").find("ul").css("transform","translateY(0)"); $("#dropbutton").find(".e_ico-unfold").css("transform","rotate(0)"); $("#dropmenu").css("display","none"); } }); //设置 dropmenu //初始化(CSS已将它默认放到了界面之外,以下设置不会造成闪烁) $("#dropmenu2").find("ul").css("top",$("#dropmenu2").height()*(-1) + "px"); $("#dropmenu2").find("ul").css("transition","transform 0.2s ease-out"); $("#dropbutton2").find(".e_ico-unfold").css("transition","transform 0.2s ease-out"); $("#dropmenu2").css("visibility","hidden"); //位置 $("#dropmenu2").css("left",$("#dropbutton2").offset().left + $("#dropbutton2").width() - $("#dropmenu2").width());//靠右要减去这两个 width(),靠左则不需要 $("#dropmenu2").css("top",$("#dropbutton2").offset().top + $("#dropbutton2").height()); $("#dropmenu2").css("display","none"); $("#dropmenu2").css("visibility","visible"); //显隐 $("#dropbutton2").tap(function(){ if($("#dropmenu2").css("display") == "none"){ $("#dropmenu2").css("display",""); $("#dropmenu2").find("ul").css("transform","translateY(" + $("#dropmenu2").height() + "px)"); $("#dropbutton2").find(".e_ico-unfold").css("transform","rotate(180deg)"); } else { $("#dropmenu2").find("ul").css("transform","translateY(0)"); $("#dropbutton2").find(".e_ico-unfold").css("transform","rotate(0)"); $("#dropmenu2").css("display","none"); } }); });