以不同的顺序输出数据
outputing data in different order
我的JS脚本允许我按以下顺序输出连续的用户输入(计数器迭代和''t间距):
1. ab 2. bc 3. cd
4. de 5. ef 6. fg
7. gh 8. hi 9. ij
10. jk 11. ys
用户一次只能输入1个输入字段。11不是最后一个条目,因为他们可以继续他们的工作输入更多。如何显示?
1. ab 5. ef 9. ij
2. bc 6. fg 10. jk
3. cd 7. gh 11. ys
4. de 8. hi
我的脚本:
dnm_data.list_count += 1;
var data_output = "<b>" + dnm_data.list_count + ".</b> " + data;
if (dnm_data.list_count % 3 === 0)
data_output = "<div class='col-xs-4'>" + data_output + "</div><div class='clearfix'></div>";
else
data_output = "<div class='col-xs-4'>" + data_output + "</div>";
$("#log-wrapper") .append( data_output )
.addClass("bg-success")
您可以将每个输入值放在一个数组中,每次输入后将其拆分为3个相等的数据块(或其他数据块),然后重新构建整个数组。
但是,您可能需要查看css3列。你只需像现在这样附加到一个包装器上,css就会处理剩下的内容
https://jsfiddle.net/5q3tqcrm/
尝试使用div
和ul / li
。唯一的缺陷是,当有4个值时,它会转到2列,因为在移位后,它总是清除第3列中的2个位置。
信息&资源:http://caniuse.com/#search=multiple%20column
相关文章:
- 以不同的顺序输出数据
- 如何在客户端输出数据?(express+monodb+jade)
- 使用AJAX获取JSON数据,然后通过HTML上的ElementID输出数据
- 使用 jQuery 遍历 JSON 数组并输出数据
- 在输出数据之前,等待循环完成每个数组项的 $.getJSON
- AJAX JQUERY 代码的哪一部分确定输出数据的占位符
- jQuery/Js 循环使用 Codeigniter MySQL 输出数据
- 角度可编辑滤波器输入和输出数据
- 使用javascript确定一个数组提交按钮,然后使用Ajax输出数据
- JS Json代码没有在视图源上输出数据
- Meteor Template不会在每个语句中输出数据
- 如何循环使用条件遍历JavaScript对象,然后输出数据
- 使用esc_js()保存的输出数据
- 获取从下拉菜单中选择的每个用户要更改的输出数据
- 从AJAX调用输出数据到HTML
- Rails不能以json格式输出数据
- 是否有可能从这些不以HTML源代码输出数据的网站中提取数据?
- 使用JavaScript从XML文件搜索和输出数据
- 从TaffyDB输出数据
- HTML客户端接收连续的服务器输出数据流