在前端开发中，我们经常使用 jQuery 来实现交互效果，其中 .click() 方法可以用来绑定点击事件。然而，有时候我们会遇到一个问题：这个方法在其他浏览器上能够正常工作，但在 Safari 浏览器上却没有任何反应。那么，这该怎么办呢？
问题原因
在 Safari 浏览器中，有些元素是默认没有“点击”行为的，比如块级元素（div、p 等）和表单元素（input、button 等），这时候就需要给它们添加样式 cursor: pointer，才会显示鼠标指针，并且支持点击事件。
而在其他浏览器中，这些元素默认都是支持点击事件的，不需要添加额外的样式。
解决方案
为了兼容 Safari 浏览器，我们需要在代码中添加以下操作：
-- ---------------- ------- -- ------ ---------------------- ----------- -- ----------- ---------------- -- ----------------------- ----- -- ------ -------- ----------- -- -------- ---
上面的代码中，我们首先给 div、p、input、button 这四种元素添加了 cursor: pointer 样式，然后使用 .on() 方法绑定了点击事件。
需要注意的是，在 jQuery 3.0 之前，我们使用 .click() 方法来绑定点击事件。但在 jQuery 3.0 以及更新版本中，这个方法已经被废弃，因为它只绑定了 click 事件，而不能绑定其他事件，比如 touchstart、keydown 等。所以，我们需要用 .on() 方法来代替。
学习和指导意义
虽然这个问题看起来很小，但却涉及到了浏览器兼容性和 jQuery API 的变化等方面知识。通过解决这个问题，我们不仅可以加深对 jQuery 的理解，还能够提高自己的前端开发能力。同时，在实际工作中也要时刻关注浏览器兼容性问题，避免出现类似的 bug。
总之，掌握好前端技术，既要注重基础知识的打牢，也要积极学习新技术，不断提高自己的能力。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/28181