2012-09-12 17 views
0

我已經在此工作了很長一段時間了,並且難住了。我希望有人對我有一些指導。第一代碼: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

回答

0

一個(至少對我來說)問題是,似乎包含輸入和 相應的股利不被彼此相關, 無論是通過.parent(),.child(),或。最接近的一次。

通過嘗試達到像Chrome瀏覽器檢查器一樣的實時控制檯的跨度來檢查是否屬實。

0

只需設置一個通用於這些div的類,以便您可以稍後在該類中選擇它們。