Question

我有以下Jquery脚本，它计算两个日期之间的天数，并根据剩余时间更改单元格的颜色。

现在，计算有效，但它一直不起作用的是当我打开第一次打开它时大多数时间显示此信息的选项卡时，它可以工作但是如果我点击它再次或如果我点击另一个标签，它将不会显示颜色的变化。

<script>
      function expiryDates() {
        var warning = "<?php echo config('WARNING_DATE')?>";
        var critical = "<?php echo config('CRITICAL_DATE')?>";
        //gets and creates array of all TD 'lod' dates
        var expDate = "<?php echo $content['lod'] ?>";
        //var value = $(this).text();
        expDate = expDate.split("-");
        //Gets today's date and formats it to MYSQL date format
        var now = (new Date()).toISOString().substring(0, 10);
        now = now.split("-");
        //Converts all TD dates into days
        var eDate = new Date(expDate[0] + "-" + expDate[1] + "-" + expDate[2]);
        //Converts today's date into day
        var sDate = new Date(now[0] + "-" + now[1] + "-" + now[2]);
        //Does the math
        var daysApart = Math.abs(Math.round((sDate - eDate) / 86400000));
        //Changes cells color
        if (daysApart < critical) {
        //$("#expiration-date").addClass('expired');
        $("#expiration-date").css("color", "red");
        } else if ((daysApart > critical) && (daysApart <= warning)) {
        $("#expiration-date").css("color", "#orange");
        // $("#expiration-date").addClass('about_expired');
        } else if (eDate < sDate) {
        $("#expiration-date").css("color", "red");
        // $("#expiration-date").addClass('expired');
        }
        }
  </script>

我也用过：

$( document ).ready( expiryDates);

和

$( window ).on( "load", expiryDates);

但结果是一样的。

任何意见都会受到赞赏。

谢谢！

编辑：

抱歉缺少信息。

这是设置的方式，我有一个主刀片调用此信息选项卡：

主刀片有以下代码：

<td class="detail-slide-specifications" id="detail-slide-specifications{{ $item['mainHwID'] }}" onclick="showSpecifications({{ $item['mainHwID'] }})">

这是AJAX调用：

function showSpecifications(masterID)
{
    var itemID = "#detail-panel-specs" + masterID ;
    var loadingImgClass = ".specifications_loading_spinner_" + masterID ;

    if (masterID == "") {
        $(itemID).html( "Error : No Master ID");
        return;
    } else {
        var request = $.ajax({
            url: "get_specifications?masterID=" + masterID,
            type: "get",
            timeout: 5000
        });
        request.done(function (responseText) {
            $(loadingImgClass).hide();
            $(itemID).html(responseText);
        });
        request.fail(function (jqXHR, textStatus, errorThrown) {
            $(loadingImgClass).hide();
            $(itemID).html("Error " + errorThrown);
        });
    }
}

使用AJAX的Jquery脚本不能一直工作

0 个答案: