单击复选框时显示jquery微调器
我有一个表,它有大约500行字段,用于当前月份的每一天。 表中的列如下所示 供应商| 1 | 2 | |三十一 现在取决于上课的日期,周一有Mo,周二有Tu等 我还有一张有7个复选框的桌子,每天一个 i、 星期一星期二。。。。。[]星期日 代码如下单击复选框时显示jquery微调器,jquery,spinner,Jquery,Spinner,我有一个表,它有大约500行字段,用于当前月份的每一天。 表中的列如下所示 供应商| 1 | 2 | |三十一 现在取决于上课的日期,周一有Mo,周二有Tu等 我还有一张有7个复选框的桌子,每天一个 i、 星期一星期二。。。。。[]星期日 代码如下 <table><tr> <td><input type="checkbox" id="Mo" name="Mo" checked onclick="ToggleDay('Mo')">Mo<
<table><tr>
<td><input type="checkbox" id="Mo" name="Mo" checked onclick="ToggleDay('Mo')">Mo</td>
<td><input type="checkbox" id="Tu" name="Tu" checked onclick="ToggleDay('Tu')">Tu</td>
<td><input type="checkbox" id="We" name="We" checked onclick="ToggleDay('We')">We</td>
<td><input type="checkbox" id="Th" name="Th" checked onclick="ToggleDay('Th')">Th</td>
<td><input type="checkbox" id="Fr" name="Fr" checked onclick="ToggleDay('Fr')">Fr</td>
<td><input type="checkbox" id="Sa" name="Sa" checked onclick="ToggleDay('Sa')">Sa</td>
<td><input type="checkbox" id="Su" name="Su" checked onclick="ToggleDay('Su')">Su</td>
</tr></table>
上面的代码应该像我在任何一天取消选中时一样工作,例如星期一,然后它应该首先从复选框中删除选中标记,显示微调器,隐藏类为Mo的所有TD,最后隐藏微调器
它可以工作,需要5到6秒才能完成全部操作。但当我取消选中复选框时,它会在完成操作后更新所有页面。i、 e.用户即使单击复选框,仍会看到复选标记
是否有任何方法刷新中间的操作显示页面在每个逻辑操作完成后刷新。i、 e.用户应立即看到取消选中该框,然后看到微调器,并且在5到6秒后,当所有的课程日期Mo被隐藏时,应隐藏微调器。尝试使流程异步:
function ToggleDay(daynm) {
setTimeout(function() {
loading.open();
var myvar1 = "#" + daynm;
if ($(myvar1).is(":checked"))
$('.' + daynm).show("slow");
else
$('.' + daynm).hide("slow");
loading.close();
}, 1);
}
5到6秒处理500行?这应该在最长200毫秒内完成。我不确定我是否在跟踪你。您的问题是浏览器在处理完成之前不取消选中复选框吗?是的,浏览器只有在完成所有操作后才取消选中或取消选中复选框谢谢。它用于选中和取消选中复选框。i、 它显示出立竿见影的效果。但它没有显示旋转器。无论如何,谢谢。也许可以试着移动加载。打开;在设置超时之前我在外面做了,但是没有用。
function ToggleDay(daynm) {
setTimeout(function() {
loading.open();
var myvar1 = "#" + daynm;
if ($(myvar1).is(":checked"))
$('.' + daynm).show("slow");
else
$('.' + daynm).hide("slow");
loading.close();
}, 1);
}