我的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