动态类更改间歇性地工作

时间:2017-09-19 16:11:20

标签: javascript jquery css

我正在创建一个页面,用于验证团队中保龄球员的数量与团队中应该有多少人保持一致。如果球队中的投球手太多,它会提示警报。我为访问团队和主队提供了相同的脚本,但它只能在主队上正常运行。

/* Clear Visitor Table (except header row) */
jQuery('#table_visitor tr').not(function(){ 
   return!!jQuery(this).has('th').length; }).remove();
if(vis.length<=bowlers_team) {
    jQuery("#alert_window").removeClass();
    jQuery("#alert_window").find('span').remove();
    jQuery("#alert_window").empty();
    /* Populate the table */
    var table="table_visitor";
    for(var i=0; i<vis.length; i++) {
        jQuery("#"+table).append('<tr><td>'+(i+1)+'</td><td>'+vis[i]['Name']+'</td><td>'+parseInt(vis[i]['curr_avg'])+'</td><td>'+vis[i]['curr_handi']+'</td></td>');
    }
} else {
console.log("Too many bowlers on Visistors.\r\n");
    jQuery("#alert_window").removeClass();
    jQuery("#alert_window").addClass("alert alert-danger");
    jQuery("#alert_window").find('span').remove();
    jQuery("#alert_window").append("<span>Teams cannot exceed "+bowlers_team+" bowlers per team.</span>");
}

然后主队也存在同样的情况:

/* Clear Home Table (except header row) */
jQuery('#table_home tr').not(function(){ return 
   !!jQuery(this).has('th').length; }).remove();
if(home.length<=bowlers_team) {
    jQuery("#alert_window").removeClass();
    jQuery("#alert_window").find('span').remove();
    jQuery("#alert_window").empty();
    /* Populate the table */
    var table="table_home";
    for(var i=0; i<home.length; i++) {
        jQuery("#"+table).append('<tr><td>'+(i+1)+'</td><td>'+home[i]['Name']+'</td><td>'+parseInt(home[i]['curr_avg'])+'</td><td>'+home[i]['curr_handi']+'</td></td>');
    }
} else {
console.log("Too many bowlers on HOme.\r\n");
    jQuery("#alert_window").removeClass();
    jQuery("#alert_window").addClass("alert alert-danger");
    jQuery("#alert_window").find('span').remove();
    jQuery("#alert_window").append("<span>Teams cannot exceed "+bowlers_team+" bowlers per team.</span>");
}

我不知道为什么这对主队而不是访客团队有效。我已将此设置为https://www.bowling-tracker.com/bowl/scoresheet-generator查看。你可以选择唯一的联赛,然后在2017年秋季#39;作为赛季。第5周和任何比赛。然后将子拖动到主页以查看它应该如何工作。然后将同一个人拖回sub。接下来尝试将某人从sub拖到访问者,然后你会注意到它不起作用。警报窗口不显示(但是,错误显示在控制台日志中,因此我知道它已到达该部分功能)。

我们将不胜感激。

1 个答案:

答案 0 :(得分:0)

技术问题在我的最后。

这两段代码实际上都在工作。问题是当在代码的访问者部分中创建警报时(添加类[alert alert-danger]和带有错误消息的适当范围)。

正在清除它
jQuery("#alert_window").removeClass();
jQuery("#alert_window").find('span').remove();

在家中检查行。

因此,我只是创建了一个存储是否存在错误的变量。然后作为最后一次检查,我会填充(或清除)警报。