Javascript Ajax影响Ajax表单上的jQuery文档加载

在Drupal视图中，我有以下影响取消预订的jquery，非常有效

jQuery(document).ready(function(){
    jQuery(".bookingstatus:contains('Cancelled')").css("color","red");
});

但是，drupal视图使用autosubmit复选框根据所选年份加载预订，在ajax显示中，当用户提交更改并ajax加载新表单时，不再使用jquery。不过这是有道理的，因为（document）.ready只在用户进入页面时触发一次，而不是在每个ajax请求上

更新：

这就是我目前正在使用的，没有更多的错误，颜色显示在第一个页面上，就像以前一样，但是在ajax点击后颜色仍然没有改变

(function ($) {
    $.post("/", $("#views-exposed-form-bookings-block").serialize(), function() {
        $(".bookingstatus:contains('Cancelled')").css("color","red");
        $(".bookingstatus:contains('Full Amount Paid')").css("color","green");
        $(".bookingstatus:contains('Deposit Paid')").css("color","blue");
    });
})(jQuery);

---

.delegate

和

.on

仅对绑定事件有帮助；您没有试图绑定任何事件。相反，您应该使用ajax提交成功或完全回调

$.post("act.php", $(theform).serialize(), function() {
    $(".bookingstatus:contains('Cancelled')").css("color","red");
});

---

.delegate

和

.on

仅对绑定事件有帮助；您没有试图绑定任何事件。相反，您应该使用ajax提交成功或完全回调

$.post("act.php", $(theform).serialize(), function() {
    $(".bookingstatus:contains('Cancelled')").css("color","red");
});

---

.delegate

和

.on

仅对绑定事件有帮助；您没有试图绑定任何事件。相反，您应该使用ajax提交成功或完全回调

$.post("act.php", $(theform).serialize(), function() {
    $(".bookingstatus:contains('Cancelled')").css("color","red");
});

---

.delegate

和

.on

仅对绑定事件有帮助；您没有试图绑定任何事件。相反，您应该使用ajax提交成功或完全回调

$.post("act.php", $(theform).serialize(), function() {
    $(".bookingstatus:contains('Cancelled')").css("color","red");
});

---

感谢@Kevin B的帮助，但问题在于Drupal&views Ajax行为

将jquery粘贴到行为中修复了它

(function($) {
Drupal.behaviors.myBehavior = {
  attach: function (context, settings) {
        $(".bookingstatus:contains('Cancelled')").css("color","red");
        $(".bookingstatus:contains('Full Amount Paid')").css("color","green");
        $(".bookingstatus:contains('Deposit Paid')").css("color","blue");
  }
};
})(jQuery);

---

感谢@Kevin B的帮助，但问题在于Drupal&views Ajax行为

将jquery粘贴到行为中修复了它

(function($) {
Drupal.behaviors.myBehavior = {
  attach: function (context, settings) {
        $(".bookingstatus:contains('Cancelled')").css("color","red");
        $(".bookingstatus:contains('Full Amount Paid')").css("color","green");
        $(".bookingstatus:contains('Deposit Paid')").css("color","blue");
  }
};
})(jQuery);

---

感谢@Kevin B的帮助，但问题在于Drupal&views Ajax行为

将jquery粘贴到行为中修复了它

(function($) {
Drupal.behaviors.myBehavior = {
  attach: function (context, settings) {
        $(".bookingstatus:contains('Cancelled')").css("color","red");
        $(".bookingstatus:contains('Full Amount Paid')").css("color","green");
        $(".bookingstatus:contains('Deposit Paid')").css("color","blue");
  }
};
})(jQuery);

---

感谢@Kevin B的帮助，但问题在于Drupal&views Ajax行为

将jquery粘贴到行为中修复了它

(function($) {
Drupal.behaviors.myBehavior = {
  attach: function (context, settings) {
        $(".bookingstatus:contains('Cancelled')").css("color","red");
        $(".bookingstatus:contains('Full Amount Paid')").css("color","green");
        $(".bookingstatus:contains('Deposit Paid')").css("color","blue");
  }
};
})(jQuery);

---

---

我不明白为什么您决定在单击事件中使用

委托

或

on

，而您显然不想通过单击来运行代码。幸运的是，答案很简单：将运行ajax时需要执行的代码移动到ajax complete处理程序，这就是为什么我在写答案时犹豫不决的原因。@KevinB你可以继续写并发布一个答案。。也许这对长期运行的人会有帮助。我不明白你为什么决定在显然不想通过单击来运行代码的情况下，在上使用

委托

或

。幸运的是，答案很简单：将运行ajax时需要执行的代码移动到ajax complete处理程序，这就是为什么我在写答案时犹豫不决的原因。@KevinB你可以继续写并发布一个答案。。也许这对长期运行的人会有帮助。我不明白你为什么决定在显然不想通过单击来运行代码的情况下，在

上使用

委托

或

。幸运的是，答案很简单：将运行ajax时需要执行的代码移动到ajax complete处理程序，这就是为什么我在写答案时犹豫不决的原因。@KevinB你可以继续写并发布一个答案。。也许这对长期运行的人会有帮助。我不明白你为什么决定在显然不想通过单击来运行代码的情况下，在

上使用

委托

或

。幸运的是，答案很简单：将运行ajax时需要执行的代码移动到ajax complete处理程序，这就是为什么我在写答案时犹豫不决的原因。@KevinB你可以继续写，然后发布一个答案。。也许它会对长期的某人有所帮助。谢谢你的帮助，但我仍然无法让它发挥作用。Drupal7附带jQuery1.4.4作为默认值。我将尝试更新jQuery，看看这是否有帮助。最新的jQueryCant也会得到同样的结果。请考虑任何可能导致此结果不起作用的因素。你会犯什么错误？（确保您检查了控制台。）升级jQuery后，管理菜单模块出现错误（无法读取undefined的属性“msie”），但这与此无关。除此之外，开发工具中没有错误。post中的第一个值（“/”，）应该设置在哪里？您要发布的页面的绝对或相对路径感谢帮助，但我仍然无法让它工作。Drupal7附带jQuery1.4.4作为默认值。我将尝试更新jQuery，看看这是否有帮助。最新的jQueryCant也会得到同样的结果。请考虑任何可能导致此结果不起作用的因素。你会犯什么错误？（确保您检查了控制台。）升级jQuery后，管理菜单模块出现错误（无法读取undefined的属性“msie”），但这与此无关。除此之外，开发工具中没有错误。post中的第一个值（“/”，）应该设置在哪里？您要发布的页面的绝对或相对路径感谢帮助，但我仍然无法让它工作。Drupal7附带jQuery1.4.4作为默认值。我将尝试更新jQuery，看看这是否有帮助。最新的jQueryCant也会得到同样的结果。请考虑任何可能导致此结果不起作用的因素。你会犯什么错误？（确保您检查了控制台。）升级jQuery后，管理菜单模块出现错误（无法读取undefined的属性“msie”），但这与此无关。除此之外，开发工具中没有错误。post中的第一个值（“/”，）应该设置在哪里？您要发布的页面的绝对或相对路径感谢帮助，但我仍然无法让它工作。德鲁帕尔7世