我已經在此工作了很長一段時間了,並且難住了。我希望有人對我有一些指導。第一代碼:jQuery工具驗證器自定義效果 - 添加和刪除效果
jQuery的:
$("#paperwork").bind("onFail", function(e, errors) {
if (e.originalEvent.type == 'submit') {
$.each(errors, function() {
var input = this.input;
input.parent().css({color: 'red'}).change(function() {
input.parent().css({color: '#444'});
});
});
}
});
和HTML的採樣:
<input id="group_1" required="required" type="radio" name="attending" value="Yes" />Yes
<input id="group_1" type="radio" name="attending" value="No" />No
<input id="group_1" type="radio" name="attending" value="Not Provided" />Not Provided
<input id="group_1" class="single_text_input" type="text" name="primary_referral" />
<input id="group_1" class="single_text_input" type="text" name="secondary_referral" />
<span class="group_1">Referrals</span>
有幾個部分,看起來很像以上。每個都有相應的<span>
(例如「2」,「3」等等)我試圖完成的是:
當驗證器運行時,每個輸入的.parent()
元素變爲紅色。這是行得通的。當用戶對輸入進行更改時,.parent()
元素將返回到其原始顏色。這也是行得通的。
除此之外,我想將每個input
部分的相應<span>
紅色(文字或背景)。然後,當該部分內的所有輸入發生更改時,相應的<span>
將恢復其原始外觀。一個問題(至少對我來說)是,包含輸入的div
和相應的<span>
似乎彼此不相關,無論是通過.parent()
,.child()
或.closest
。