Javascript 浮动标签输入不注册文本

这是一个奇怪的。今天早些时候，我发布了一个带有浮动标签的表单的代码。问题是，如果光标或文本被放入输入中，代码中会注册的JS将无法工作，因为无论您在其中放入什么，标签都会向下浮动

当我发布代码时，一些人说他们的代码运行良好，甚至将代码复制回JSFIDLE，他们的版本也正常工作。我将他们版本的代码复制到一个空白的js提琴中，比较代码，然后它立即停止工作

谁能帮帮我吗

$（函数（）{
$（“.formStyle7.input组输入”）.focusout（函数（）{
var text_val=$（this.val（）；
如果（文本值==“”）{
$（this.removeClass（'has-value'）；
}否则{
$（this.addClass（'has-value'）；
}
});
});
.formStyle7{
显示：块；
高度：750px；
宽度：500px；
背景色：#FFFFFF；
边界：无；
边界半径：3px；
盒影：rgb（128128128）.1px.1px5px，rgb（128128128）-.1px-.1px5px；
保证金：30像素自动；
}
输入{
背景：无；
边框：1px实心#21a1e1；
利润率：15px；
显示：内联块；
高度：30px；
宽度：455px；
}
投入：聚焦，
输入：活动{
大纲：无；
}
输入[type=“text”]，
输入[type=“email”]{
边界：无；
边框底部：1px实心#b3c1cc；
}
.输入组{
位置：相对位置；
}
.输入组标签{
位置：绝对位置；
左：15px；
顶部：30px；
字体：斜体；
字号：18px；
颜色：#999；
-webkit转换：translateY（-50%）；
转化：translateY（-50%）；
指针事件：无；
过渡：所有0.2秒缓解；
}
.输入组输入：焦点+标签，
.input组input.has-value+标签{
顶部：13px；
字体大小：12px；
颜色：#aaa；
}
#提议的工作车间{
背景：无；
边框：1px实心#21a1e1；
利润率：15px；
显示：内联块；
高度：30px；
宽度：455px；
}
#联合主席{
背景：无；
边框：1px实心#21a1e1；
利润率：15px；
显示：内联块；
高度：30px；
宽度：455px；
}
.clearFix{
明确：两者皆有；
}
标题{
高度：40px；
宽度：500px；
字体系列：“Trebuchet MS”、“Lucida Sans Unicode”、“Lucida Grande”、“Lucida Sans”、Arial、Sans serif；
字体大小：24px；
颜色：#b3c1cc；
浮动：左；
利润率：25px 10px 0px 15px；
}
p{
高度：40px；
宽度：500px；
字体系列：“Trebuchet MS”、“Lucida Sans Unicode”、“Lucida Grande”、“Lucida Sans”、Arial、Sans serif；
字体大小：20px；
颜色：#b3c1cc；
浮动：左；
左边距：15px；
页边顶部：-5px；
}
.formContainer{
边际上限：0px；
}

OECTA PD网络研讨会
工作坊申请表

名字
姓
电子邮件地址
联系电话
挑选
第一单元
第二单元
第三单元
挑选
讲习班1
讲习班2
讲习班3
研讨会日期
研讨会时间到了
研讨会地点
我刚刚测试了您的代码，它工作正常：

但您似乎忘记了将jQuery作为外部依赖项包括在内：


只需将jquery cdn url添加到外部资源部分，例如：

https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js

始终确保页面上已加载jquery

这对我来说似乎很管用。如果输入中有文本，则输入中的占位符会向上收缩并保持不变。试着把你的js放在这里

$(document).ready(function () {
   /*Code here*/
});

如果这不起作用，是否存在任何控制台错误？
刚刚更改了您的代码以运行，在最新的chromeOh my gosh中我觉得很好，就是这样！老兄，我整个上午都在拔头发！还记得密歇根青蛙吗？这就是那种感觉