Javascript JQuery选择器不处理运行时修改的元素?
我毫不怀疑这是一件非常愚蠢的事情,但我已经有两年没有写过代码了 我只能取消选择加载页面时选择的项目,但无法取消选择运行时选择的项目。我也无法选择一个我可以取消选择的。假设是同一个问题。我想我记得在《替换live》中,它正好解决了这个问题,但显然我错了 $'.tile'。单击,函数{ $this.addClass'selected'; }; $'.tile.selected'。单击,函数{ $this.removeClass'selected'; }; .瓷砖{ 显示:内联块; 高度:50px; 宽度:50px; 边框:1px纯黑; 框大小:边框框; } .已选定{ 背景颜色:黄色; }Javascript JQuery选择器不处理运行时修改的元素?,javascript,html,jquery,css,Javascript,Html,Jquery,Css,我毫不怀疑这是一件非常愚蠢的事情,但我已经有两年没有写过代码了 我只能取消选择加载页面时选择的项目,但无法取消选择运行时选择的项目。我也无法选择一个我可以取消选择的。假设是同一个问题。我想我记得在《替换live》中,它正好解决了这个问题,但显然我错了 $'.tile'。单击,函数{ $this.addClass'selected'; }; $'.tile.selected'。单击,函数{ $this.removeClass'selected'; }; .瓷砖{ 显示:内联块; 高度:50px;
尝试为文档设置它:
$(document).on('click', '.tile.selected', () => { /* your code */ });
将始终为文档中的.tile.selected设置,而不仅仅是在首次加载页面时尝试为文档设置它:
$(document).on('click', '.tile.selected', () => { /* your code */ });
它将始终为文档中的.tile.selected设置,而不仅仅是在首次加载页面时
$'.tile'。单击,函数{
如果$'.tile'.hasClass'selected'{
$this.removeClass'selected';
}否则{
$this.addClass'selected';
}
};
.瓷砖{
显示:内联块;
高度:50px;
宽度:50px;
边框:1px纯黑;
框大小:边框框;
}
.选定{
背景颜色:黄色;
}
$'.tile'。单击,函数{
如果$'.tile'.hasClass'selected'{
$this.removeClass'selected';
}否则{
$this.addClass'selected';
}
};
.瓷砖{
显示:内联块;
高度:50px;
宽度:50px;
边框:1px纯黑;
框大小:边框框;
}
.选定{
背景颜色:黄色;
}
由于$'.tile.selected'在运行时求值,因此它将在运行时仅查找与.tile.selected查询匹配的元素。由于$'.tile.selected'在运行时求值,因此它将在运行时仅查找与.tile.selected查询匹配的元素。