jquery mobile Listview (列表视图)

jQuery Mobile 列表视图,是在列表的元素容器中添加 data-role="listview" 就可以实现简单的无序列表。

列表视图事件 Listview Events create(event,ui)列表视图创建创建时,触发。event:是第一个参数。类型:事件。ui:是第二个参数。类型:对象。//初始化,绑定一个函数$(".selector").listview({create:function(event,ui){}});////绑定一个监听函数$(".selector").on("listviewcreate",function(event,ui){});

列表视图方法 Listview Methods childPages()检索的子页面检索的子页面。此方法返回包含嵌套的列表中的所有直接子页一个jQuery对象。此函数没有任何参数。$(".selector").listview("childPages");refresh()刷新刷新列表视图。此方法不接受任何参数。如果你通过JavaScript操作一个列表视图,你必须调用Refresh方法上更新的视觉风格。$(".selector").listview("refresh");

列表视图选项 Listview Options inset内嵌式列表。类型:布尔值。默认值:false。为列表添加内嵌式。您也可以在HTML中添加data-inset="true"属性来设置。//初始化$(".selector").listview({inset:true});//gettervarcountTheme=$(".selector").listview("option","inset");//setter$(".selector").listview("option","inset",true);icon搜索过滤框图标。类型:字符串。默认值:"arrow-r"。为链接列表按钮,设置图标。您也可以在HTML中添加data-icon="star"属性来设置。//初始化$(".selector").listview({icon:"star"});//gettervarcountTheme=$(".selector").listview("option","icon");//setter$(".selector").listview("option","icon","star");theme主题样式。类型:字符串。默认值:null,从父容器继承。

列表视图 data-role="listview" Listview(列表,列表视图)是一个简单的无序列表,包是含链接的列表。添加了data-role="listview"属性来构成。jQueryMobile将应用所有必要的风格转换列表,,以便在移动设备上显示出列表效果,对触屏方式更加友好。列表有右箭头指示,以及填充浏览器窗口的宽度。当你点击列表项,该框架将触发在列表内的项的链接点击,发送URL链接的Ajax请求,在DOM创建新的页面,然后启动一个页面转变场景。<uldata-role="listview"><li><ahref="acura.html">Acura</a></li><li><ahref="audi.html">Audi</a></li><li><ahref="bmw.html">BMW</a></li></ul>对非内嵌的列表的样式的说明:为了让所有的非内嵌式的列表都充满屏幕边缘,非内嵌式的列表会有一个-15px的margin来抵消掉body15px的padding。所以如果你想在列表的上方或下方添加内容的话,需要给他们添加额外的m