我遇到了我的表单代码问题。jQuery模糊问题
这是codepen:http://codepen.io/Dzongkha/pen/NbdadP
问题是这段代码:
jQuery('.form-container input, .form-container textarea').each(function() {
var labelLeft, labelTop;
labelTop = jQuery(this).css('padding-top');
labelLeft = jQuery(this).css('padding-left');
jQuery(this).next('label').css({
'top': labelTop,
'left': labelLeft,
});
jQuery(this).on('focus', function() {
jQuery(this).next('label').attr({
'style': '',
});
var leftProperty, topProperty,inputWidth;
leftProperty = jQuery(this).next('label').css('left');
inputWidth = jQuery(this).css('width');
topProperty = jQuery(this).next('label').css('top');
if(leftProperty == inputWidth) {
jQuery(this).next('label').css({
'left': labelLeft,
});
};
if(topProperty == '0px') {
jQuery(this).next('label').css({
'top': labelTop,
});
};
});
jQuery(this).on('blur', function() {
if(!jQuery(this).hasClass('active')) {
jQuery(this).next('label').css({
'top': labelTop,
'left': labelLeft,
});
}
});
});
所以,如果我专注和模糊只是codepen页面上 - 一切正常,看起来像: proper variant。
但是,如果我通过打开新标签或其他程序,或与控制台,然后尝试着重于输入或textarea模糊,有这样的问题:issue variant。
我不知道,为什么,但在这种情况下,这部分代码:
jQuery(this).next('label').attr({
'style': '',
});
不会出于某种原因。
我已经尝试过:
1)
jQuery(this).next('label').css({
'top': '',
'left': ''
});
2)
jQuery(this).next('label').removeAttr('style');
但在这两种情况下出现了这个问题。
希望有解决我的问题=(
预先感谢您!
尝试找到你的HTML – karthick
检查''标签标签我试过,但它并没有在所有 – prasanth
@karthick(“标签”),而不是下一个(“标签”) –