Jquery Divi投资组合标题悬停

Jquery Divi投资组合标题悬停,jquery,html,css,hover,Jquery,Html,Css,Hover,我想知道代码有什么问题。我为divi公文包模块创建了一个自定义的悬停效果,在您将鼠标悬停在图像或覆盖图上之前,它可以正常工作,但只要您将鼠标悬停在标题上,图像就会响应 请检查并帮助我,伙计们。自定义悬停上的我的代码。将鼠标悬停在标题上以查看问题 这将解决它: .et_pb_portfolio_0 .et_pb_portfolio_item h2 { pointer-events: none; cursor:pointer; } 这将解决它: .et_pb_portfolio_0

我想知道代码有什么问题。我为divi公文包模块创建了一个自定义的悬停效果,在您将鼠标悬停在图像或覆盖图上之前,它可以正常工作,但只要您将鼠标悬停在标题上,图像就会响应

请检查并帮助我,伙计们。自定义悬停上的我的代码。将鼠标悬停在标题上以查看问题

这将解决它:

.et_pb_portfolio_0 .et_pb_portfolio_item h2 {
   pointer-events: none; 
   cursor:pointer;
}
这将解决它:

.et_pb_portfolio_0 .et_pb_portfolio_item h2 {
   pointer-events: none; 
   cursor:pointer;
}

最好的方法是将h2标记插入“et_portfolio_image”类span标记中。它将解决您的问题。

最好的方法是将您的h2标记插入“et_portfolio_image”类span标记中。这将解决您的问题。

在高级主题中更改标记结构并不像看上去那么容易。标记已经生成。在高级主题中更改标记结构并不像看上去那么容易。该标记已生成。感谢Andrei,指针事件设置为“无”,这不会导致任何其他问题?理论上是这样的。其中的
将不再接收任何指针事件(单击)。但在实践中,它的所有事件都会传递给它下面的东西。这是一个包裹在另一个锚中的图像,具有相同的链接。所以不,实际上什么都不会改变。感谢Andrei提供的解决方案和简短的解释。或者,您可能希望更改代码中的
.et\u pb\u portfolio\u 0.et\u portfolio\u图像:使用
.et\u pb\u portfolio\u 0.et\u portfolio\u项目:hover img
选择器悬停img,但我无法告诉您具体位置,如您所示(或主题)你正在使用一个优化插件来缩小它。如果它不是你的代码,而且是Divi的一部分,你就不应该碰它。不客气。我想是的,这就是为什么我这么说。在容器上移动
:hover
更健康。我最初提出的建议,虽然有效,但毕竟是禁用功能。因此,本质上是错误的。黑客在这种特殊情况下,这恰好不会产生不利影响。感谢Andrei,指针事件设置为“无”,这不会导致任何其他问题?理论上是这样的。
中的
将不再接收任何指针事件(单击)。但实际上,它的所有事件都会传递到它下面的内容。这是一个包裹在另一个锚点中的图像,具有相同的链接。因此,不,实际上什么都不会改变。感谢Andrei提供的解决方案和简短的解释。或者,您可能需要更改
。et_pb_portfolio_0。et_portfolio_图像:hover img
selector with
.et\u pb\u portfolio\u 0.et\u portfolio\u项目:在代码中悬停img
,但我无法告诉您具体位置,因为您(或主题)你正在使用一个优化插件来缩小它。如果它不是你的代码,而且是Divi的一部分,你就不应该碰它。不客气。我想是的,这就是为什么我这么说。在容器上移动
:hover
更健康。我最初提出的建议,虽然有效,但毕竟是禁用功能。因此,本质上是错误的。黑客在这种特殊情况下,这恰好没有副作用。