我有一个工作正常的脚本,但我需要添加第二个标记,以不同的值更改背景位置。我需要在现有脚本中添加 $('#box_inputR')。css('background-position','0 -39px'); 。
所以现在两个标签因if语句而不是一个而改变。你会怎么做?有没有AND?
<script type="text/javascript">
$(function () {
$('#fastContact').formValidator({
scope : '#cform',
errorDiv : '#errorDiv2',
onError : function() {
if ($('#box_inputA input').hasClass('error-input')) {
$('#box_inputA , #box_inputR').css('background-position','0 -39px');
} else {
$('#box_inputA , #box_inputR').css('background-position','0 0');
}
if ($('#box_inputB input').hasClass('error-input')) {
$('#box_inputB , #box_inputR').css('background-position','0 -39px');
} else {
$('#box_inputB , #box_inputR').css('background-position','0 0');
}
if ($('#box_inputM textarea').hasClass('error-input')) {
$('#box_inputM').css('background-position','0 -84px');
$('#box_inputR').css('background-position','0 -39px');
} else {
$('#box_inputM').css('background-position','0 0');
$('#box_inputR').css('background-position','0 0');
}
}
});
});
</script>
答案 0 :(得分:1)
试试这个。我的语法可能已关闭。我根本不懂Javascript。
<script type="text/javascript">
$(function () {
$('#fastContact').formValidator({
scope : '#cform',
errorDiv : '#errorDiv2',
onError : function() {
var error = false;
if ($('#box_inputA input').hasClass('error-input')) {
$('#box_inputA').css('background-position','0 -39px');
error = true;
} else {
$('#box_inputA').css('background-position','0 0');
}
if ($('#box_inputB input').hasClass('error-input')) {
$('#box_inputB').css('background-position','0 -39px');
error = true;
} else {
$('#box_inputB').css('background-position','0 0');
}
if ($('#box_inputM textarea').hasClass('error-input')) {
$('#box_inputM').css('background-position','0 -84px');
error = true;
} else {
$('#box_inputM').css('background-position','0 0');
}
if(error == true) {
$('#box_inputR').css('background-position','0 -39px');
}
else {
$('#box_inputR').css('background-position','0 0');
}
}
});
});
</script>
答案 1 :(得分:0)
如果我理解你的问题,你想要这个:
if ($('#box_inputM textarea').hasClass('error-input')) {
$('#box_inputM').css('background-position','0 -84px');
$('#box_inputR').css('background-position','0 -39px');
} else {
$('#box_inputM').css('background-position','0 0');
$('#box_inputR').css('background-position','0 0');
}