Javascript 无法使用jQuery操作DOM元素
我遇到了一个非常奇怪的情况。我有一个简单的注册表,它有一个Javascript 无法使用jQuery操作DOM元素,javascript,jquery,Javascript,Jquery,我遇到了一个非常奇怪的情况。我有一个简单的注册表,它有一个输入框来验证注册。整个站点基本上是一个大型的样式化表单。在我的模型()中,一切正常。如果按键匹配,则输入背景为绿色阴影 HTML 即将举行的讲习班 要注册参加研讨会,请填写您的姓名信息,然后单击每个课程标题旁边的按钮。完成后,单击“注册” 尝试委派keyup事件 $("body").on("keyup","input.lock", function() { if( $(this).val() == "abc") { $(th
输入框来验证注册。整个站点基本上是一个大型的样式化表单
。在我的模型()中,一切正常。如果按键匹配,则输入背景为绿色阴影
HTML
即将举行的讲习班
要注册参加研讨会,请填写您的姓名信息,然后单击每个课程标题旁边的按钮。完成后,单击“注册”
尝试委派keyup事件
$("body").on("keyup","input.lock", function() {
if( $(this).val() == "abc") {
$(this).css('background-color', 'rgba(0, 255,0,0.4)');
} else {
$(this).css('background-color', 'white');
}
});
元素没有“value”属性,因此.val()
将始终返回未定义的。您的代码笔将事件处理程序放在
元素上,而不是放在周围的
元素上。好的,我刚刚做了更改(在live站点上错过了它),它仍然保持白色。我试着制作这个类!重要信息
覆盖任何浏览器样式,但再次失败。容器是用AJAX构建的……这可能会导致问题吗?如果在JavaScript运行后修改DOM,那么是的,这是一个问题。您可以将事件委派与jQuery.on()
方法一起使用来设置事件处理程序。使用:无效CSS选择器如何?