我已经经历过三次这种情况,我觉得是时候该学会如何避免这种情况了。
通常,我构建HTML。一旦对结构和视觉设计感到满意,便开始使用jQuery连接事件和其他内容。
问题是,有时客户希望进行小的更改甚至是中等的更改,这需要我更改HTML,这会导致我的JavaScript代码中断,因为它依赖于不再存在的HTML选择器。
每次创建网站时,如何避免陷入困境?我应该读什么文章?
最佳答案
使选择器变脆。
不要使用按索引,下一个兄弟姐妹,直接子对象之类的选择器
使用类,因此即使您必须更改标签名称和元素在HTML中的位置,选择器仍然可以使用
在未指定选择器的情况下,请勿使用parent()或child()。确保您寻找有特定班级的父母或孩子
有时,根据返工的数量,您必须更新脚本。保持它们尽可能的分离,但是总会有一些耦合,这是脚本和HTML之间的接口。这就像无需更改接口即可更改实现。有时您需要新的行为,需要新的界面。
我认为,为您提供帮助的最佳方法是为您显示HTML更改的一小部分示例,该示例要求更改jQuery代码。然后,我们可以向您展示如何在更新HTML时最大程度地减少对JS的更改