当隐藏输入的值动态变化时的jQuery addClass

Question

我有一个联系表单，它会在成功完成 sendmail 功能时向隐藏输入发送一个值。我想检测这个值的变化，然后用它把一个类应用到一个 div/paragraph。

我最近问了一个类似的问题，我知道这需要脚本在加载 DOM 后不断检查文档，但即使在添加 .change() 之后，它似乎也不想添加类。

这是 jQuery：

$(document).ready(function() {
   $("#acf_success_sent").change(function(){
    if ($("#acf_success_sent").val() == "1"){
     $("#acf_verified").addClass('gone');
     }
   });

 });

任何帮助都会很棒。如果您有兴趣，这里有一个表格测试版本的链接，一切正常，除了验证符号在成功发送后不会消失http://seeshell.me/forms/contact.php

Answer 1

当代码 更新<input> 元素的值时，不会触发“更改”事件，因此您注册的处理程序不会运行。但是，您可以做的是从看门狗中触发“更改”：

var watchdog = setInterval(function() {
  if ($('#acf_success_sent').val() !== originalValue)
    $('#acf_success_sent').trigger('change');
}, 100);

如何设置“originalValue”取决于您的应用程序。例如，您可以保留一个单独的“.data()”值，并注意您保存的值何时与当前的“值”属性不同。或者您可以将值保存在闭包变量中：

var watchdog = (function() {
  var $acfSuccessSent = $('#acf_success_sent'), cachedValue = $acfSuccessSent.val();
  return function() {
    if (cachedValue !== $acfSuccessSent.val())
      $acfSuccessSent.trigger('change');
  };
})();