Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/476.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 无法使用jQuery操作DOM元素_Javascript_Jquery - Fatal编程技术网

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选择器如何?