jquery 换一批 数据是用freemarker查询的 一共查询出来九条数据
来源:互联网 发布:p2p网络金融投资理财 编辑:程序博客网 时间:2024/05/23 17:42
1.首先是xhtml页面怎么写的 我页面用的是freemarker
<#if listRoute??> <#list listRoute as item> <li id="recommend_${item_index+1}"> <dl> <dd> <a href="${base}/tours/${item.id?c}.html" target="_blank"> <#if item.pictures??> <img id="recommend_img_${item_index+1}" src="${g_url!}uploadPics/trip/${item.pictures!}" width="318" height="200"/> <#else> <img id="recommend_img_${item_index+1}" src="images/trip/nopic.jpg" width="318" height="200"/> </#if> </a> </dd> </dl> </li> </#list> </#if>
<a class="refresh" onclick="exchangeNumber()">换一批</a>
2.js页面
//因为我是一次性把换一批的数据全部查询出来,所以需要把li为123的数据显示 然后li为456789的隐藏
$(function(){var lengthYC=$("li:[id^='recommend_']").length;for(var i=1;i<=lengthYC;i++){if(i<=3){$("#recommend_"+i).attr("style","display:block");}else{$("#recommend_"+i).attr("style","display:none");}$("#recommend_img_"+i).attr("src",$("#recommend_img_"+i).attr("original"));}})
if($("#recommend_1").css("display")=="block"){$("#recommend_1").hide();$("#recommend_2").hide();$("#recommend_3").hide();$("#recommend_4").show();$("#recommend_5").show();$("#recommend_6").show();$("#recommend_7").hide();$("#recommend_8").hide();$("#recommend_9").hide();}else if($("#recommend_4").css("display")=="block"){$("#recommend_1").hide();$("#recommend_2").hide();$("#recommend_3").hide();$("#recommend_4").hide();$("#recommend_5").hide();$("#recommend_6").hide();$("#recommend_7").show();$("#recommend_8").show();$("#recommend_9").show();}else if($("#recommend_7").css("display")=="block"){$("#recommend_1").show();$("#recommend_2").show();$("#recommend_3").show();$("#recommend_4").hide();$("#recommend_5").hide();$("#recommend_6").hide();$("#recommend_7").hide();$("#recommend_8").hide();$("#recommend_9").hide();}
//换一批事件function exchangeNumber(){//把换一批的li的数据长度找到 var yincang=$("li:[id^='recommend_']").length;//这里是定义当前显示的ID值最大var j;for(var i=1;i<=yincang;i++){if(!($("li:[id='recommend_"+i+"']").is(":hidden"))){j=i;}}//这个循环完成的是隐藏显示for(var i=1;i<=yincang;i++){//如果为9,换成0if(j==9){j=0;}if(i==j+1||i==j+2||i==j+3){$("#recommend_"+i+"").show();}else{$("#recommend_"+i+"").hide();}}}
之前想了好久都没有想到要怎么做。终于好了。
0 0
- jquery 换一批 数据是用freemarker查询的 一共查询出来九条数据
- Oracle 查询出来的数据取第一条
- SQL Oracle 查询出来的数据取第一条
- SQL Oracle 查询出来的数据取第一条
- Oracle 查询出来的数据取第一条
- MySQL SQL 数据排名查询某条数据是总数据的第几条
- jquery换一批的写法
- 一条查询某一条数据是整个表中的第几条数据的SQL
- 上万条数据查询
- hibernate 映射 column name not found 找不到字段 查询出来的数据是重复的
- 关于oracle中将一张表中的多条数据的某列查询出来合并为一条数据显示
- 查询大于10条的数据
- oracle查询某条数据的行号
- 查询重复的多条数据
- sqlserver修改查询出来数据的前几行的字段内容
- 对查询出来的数据执行二次查询(DevExpress GridControl绑定数据)
- sql server 查询出来的数据中带单引号
- 查询出来的数据行,拼接到一个字段里
- 常见验证码的弱点与验证码识别
- An Introduction to Change Points (packages: ecp and BreakoutDetection)
- 2014 Spark美国峰会顶级数据商精彩PPT分享
- 在SpringMVC中使用@RequestBody注解处理json时,报出HTTP Status 415的解决方案
- http status 汇总
- jquery 换一批 数据是用freemarker查询的 一共查询出来九条数据
- AMD OpenCL 大学课程
- 19.结构体
- 搭建hadoop-2.6.0分布式集群
- textarea换行问题
- Android Animtaion 仿搜狗输入法的精品市场 一键安装dialog弹出效果,反编译使用
- Android UI编程(2)——多级列表(ExpandableListView)
- 使用shareSDK调用sina微博客户端,从客户端直接分享
- 西门子PLC学习笔记十九-(FB编程)