首页 > PHP资讯 > HTML5培训技术 > jQuerymobile动态加载ListView

jQuerymobile动态加载ListView

HTML5培训技术

动态增加列表项是一个基本的功能,今天测试了一下。先贴下效果图:

点击“更多。。。”,就会增加列表项。



        
                Page Title
                
                
                <script src="http://code.jquery.com/jquery-1.5.2.min.js">《script》
                <script src="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.js">《script》
                《script》
                        $(function() {
                                $("#more").live("click", function() {
                                        var i = 0;
                                        for( i = 0; i <= 3; i++) {
                                                var list = $("

  •                                 
                            
                    
                    
                            不存在任何数据.
                    
            


    /** 计算手指滑动时起始点处的DOM元素的序号 */
    function getScrollPosition(event){
            var target = $(event.target);
            while(target.attr("id")==undefined){
                    target = target.parent();
            }
            //手指滑动触点的
  • 元素的ID
            var targetId = target.attr('id');
            //手指滑动触点的
  • 元素的序号
            var position;
            //手指滑动触点的Tag
            var targetTag = "li";
            if(targetId!=undefined && targetId.indexOf(targetTag)==0){
                    position = targetId.substring(targetTag.length);
            }
            return position;
    }
  • 上一篇:完整的jQueryAJAX代码
    下一篇:jQuery标签选择器0详细使用说明

    HTML5培训技术

    本文由欣才IT学院整理发布,未经许可,禁止转载。
    支持32不支持0