小功能

2019独角兽企业重金招聘Python工程师标准>>>

 

1.       phonegap下后退功能
navigator.app.backHistory();  

2.       phonegap 退出程序
navigator.app.exitApp(); 

3.       jm 底部固定 css
#footer{
position:absolute; z-index:2;bottom:0; left:0;width:100%;padding:0;border-top:1px solid #999;
}

1. url截取参数
   var getParam = function(name){

        var search = document.location.search;

        alert(search);

        var pattern = new RegExp("[?&]"+name+"\=([^&]+)", "g");

        var matcher = pattern.exec(search);

        var items = null;

        if(null != matcher){

                try{

                        items = decodeURIComponent(decodeURIComponent(matcher[1]));

                }catch(e){

                        try{

                                items = decodeURIComponent(matcher[1]);

                        }catch(e){

                                items = matcher[1];

                        }

                }

        }

        alert(items);    

        return items;

}

导航固定

data-tap-toggle="false"

列表箭头

data-icon=”false”

href不用ajax

rel="external"

jquery mobile text输入框怎么能够去掉获得焦点时候的蓝色边框

覆蓋css或自定義css, 把box-shadow去掉

原始的css如下:

.ui-focus,.ui-btn:focus{-moz-box-shadow:0 0 12px #387bbe;-webkit-box-shadow:0 0 12px #387bbe;box-shadow:0 0 12px #387bbe}

滚动到底部加载数据：

$(function () {

       $(window).bind("scroll",function (event) {

       //滚动条到网页头部的 高度，兼容ie,ff,chrome

       var top = document.documentElement.scrollTop + document.body.scrollTop; //??????

       //网页的高度

       var textheight = $(document).height();

       // 网页高度-top-当前窗口高度

       

       if (textheight - top - $(window).height() <= 10) {

       $('#divContent').css("height", $(document).height() + 40);

       $("#scoll").append("<div class='show'><img src='images/loading.gif' height='25px;'>正在加载数据，请稍候... </div>");

       $("#scoll").append("<li><a>1231</a></li>");

       $('#scoll').listview('refresh');

       $(".show").hide();

       }

    });

});

F 主题样式：

/* Swatch F */

.ui-bar-f {

   border: 1px solid #86D641;

   background: #6ABA2F;

   color: #fff;

   text-shadow: 0 1px 1px #335413;  

   font-weight: bold;

}

.ui-bar-f,

.ui-bar-f .ui-link-inherit,

.ui-bar-f .ui-link {

   color: #fff;

}

.ui-btn-up-f {

   border: 1px solid #3B6F07;

   background: #56A00E;

   font-weight: bold;

   color: #fff;

   text-shadow: 0 1px 1px #234403;

   background-image: -webkit-gradient(linear, left top, left bottom, from(#74b042), to(#56A00E)); /* Saf4+, Chrome */

   background-image: -webkit-linear-gradient(#74b042, #56A00E); /* Chrome 10+, Saf5.1+ */

   background-image: -moz-linear-gradient(#74b042, #56A00E); /* FF3.6 */

   background-image: -ms-linear-gradient(#74b042, #56A00E); /* IE10 */

   background-image: -o-linear-gradient(#74b042, #56A00E); /* Opera 11.10+ */

   background-image: linear-gradient(#74b042, #56A00E);

}

.ui-btn-up-f a.ui-link-inherit {

   color: #fff;

}

.ui-btn-hover-f {

   border: 1px solid #3B6F07;

   background: #6EBC1F;

   font-weight: bold;

   color: #fff;

   text-shadow: 0 1px 1px #234403;

   background-image: -webkit-gradient(linear, left top, left bottom, from(#8FC963), to(#6EBC1F)); /* Saf4+, Chrome */

   background-image: -webkit-linear-gradient(#8FC963, #6EBC1F); /* Chrome 10+, Saf5.1+ */

   background-image: -moz-linear-gradient(#8FC963, #6EBC1F); /* FF3.6 */

   background-image: -ms-linear-gradient(#8FC963, #6EBC1F); /* IE10 */

   background-image: -o-linear-gradient(#8FC963, #6EBC1F); /* Opera 11.10+ */

   background-image: linear-gradient(#8FC963, #6EBC1F);

}

.ui-btn-hover-f a.ui-link-inherit {

   color: #fff;

}

.ui-btn-down-f {

   border: 1px solid #3B6F07;

   background: #3d3d3d;

   font-weight: bold;

   color: #fff;

   text-shadow: 0 1px 1px #234403;

   background-image: -webkit-gradient(linear, left top, left bottom, from(#56A00E), to(#64A234)); /* Saf4+, Chrome */

   background-image: -webkit-linear-gradient(#56A00E, #64A234); /* Chrome 10+, Saf5.1+ */

   background-image: -moz-linear-gradient(#56A00E, #64A234); /* FF3.6 */

   background-image: -ms-linear-gradient(#56A00E, #64A234); /* IE10 */

   background-image: -o-linear-gradient(#56A00E, #64A234); /* Opera 11.10+ */

   background-image: linear-gradient(#56A00E, #64A234);

}

.ui-btn-down-f a.ui-link-inherit {

   color: #fff;

}

.ui-btn-up-f,

.ui-btn-hover-f,

.ui-btn-down-f {

   font-weight: bold;

   text-decoration: none;

}

转载于:https://my.oschina.net/u/435692/blog/116020