ajax加载失败后的Jquery调用函数

时间:2018-01-04 11:07:18

标签: javascript jquery html ajax

我们有一个外部javascript文件,作为目录结果页面的一部分被调用,AJAX涉及此文档 - https://www.columnradiators4u.co.uk/uk/classic-white-column-radiators.html

我有一个jquery函数用于在检测到某些文本时改变跨度的颜色 - 请参阅下面的代码。

function ReInitStockColor(){
 $(function() {
  $("span:contains(In Stock)").css("font-weight", "bold").css("color", "#00BF00");
  $("span:contains(Due)").css("color", "#FF0000");
  $("span:contains(Made)").css("font-weight", "bold").css("color", "#00BF00");
 });
}

此代码早先在我们的文件中调用,但它没有执行。如果我将我的代码带到chrome / Firefox控制台并运行它,它会成功执行。

有人能够协助解决这个问题吗?

编辑:完整的JS文件:https://jsfiddle.net/8z8oq2sm/ 编辑08/01:任何人都可以提供任何进一步的帮助?我尝试过以下建议无济于事。

3 个答案:

答案 0 :(得分:1)

$(function() { ... });

只是jQuery的简写

$(document).ready(function() { ... });

$(function(){...});建议代码只在文档就绪时执行。你有它在函数ReInitStockColor里面。你可以删除那个$(function(){...})的东西,看看是否正在调用这个ReInitStockColor函数吗?

答案 1 :(得分:0)

您应该在AJAX 成功完成功能中调用此ReInitStockColor()函数

答案 2 :(得分:0)

你需要这个吗?

   $.ajaxSetup({
        error: function(jqXHR, exception) {
            if (jqXHR.status === 0) {
                alert('Not connect.\n Verify Network.');
            } else if (jqXHR.status == 404) {
                alert('Requested page not found. [404]');
            } else if (jqXHR.status == 500) {
                alert('Internal Server Error [500].');
            } else if (exception === 'parsererror') {
                alert('Requested JSON parse failed.');
            } else if (exception === 'timeout') {
                alert('Time out error.');
            } else if (exception === 'abort') {
                alert('Ajax request aborted.');
            } else {
                alert('Uncaught Error.\n' + jqXHR.responseText);
            }
        }
    });