jQuery addClass當隱藏輸入的值變動時

Question

我有一個聯繫表單，它在成功完成sendmail函數時將值發送到隱藏輸入。我想檢測這個值的變化，然後用它來將一個類應用到div /段。

最近我問了一個類似的問題，我知道這需要腳本在DOM加載後不斷檢查文檔，但即使添加.change（）後，它似乎也不想添加該類。

這裏是jQuery的：

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

}); 

任何幫助將是巨大的。這裏是在案件形式的測試版本的鏈接你有興趣，一切正常，除了驗證符號並不成功發送後disspapear 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'); 
    }; 
})();