【问题标题】:Getting appended items to detect when hovering links在悬停链接时获取附加项目以检测
【发布时间】:2014-05-02 22:12:20
【问题描述】:

在我的一个项目中,我将浏览器中的默认光标替换为 SVG 光标。我通过 jQuery 附加这个 SVG 光标。这工作正常,但我想在光标悬停在链接上时更改光标,而现在,我尝试过的任何方法都没有奏效。

我认为这是因为即使光标的位置固定且 z-index 值很高,但它无法分辨出它悬停在什么上面,因为从技术上讲它位于内容下方。

有人有建议吗?

编辑:在我发布这个问题并在 cmets 中包含 JS Fiddle 之后,我更改了代码以使光标出现在内容之前。但是,问题仍然存在。

【问题讨论】:

  • 您确定 SVG 位于 DOM 的顶部吗?
  • 首先,我到底为什么被否决了?其次,无论 SVG 是附加还是前置,我都会遇到同样的问题。
  • 你能发布你的 HTML 和 JS 的 sn-p 吗?
  • 当然@A1rPun:jsfiddle.net/65yWk
  • 悬停事件似乎没有触发。快速的谷歌搜索没有给出任何明显的线索来说明为什么会这样,但这是一个使用鼠标悬停/鼠标输出的简单版本,可以满足您的要求:jsfiddle.net/qjA55

标签: javascript jquery css svg


【解决方案1】:

在 cmets 上方查看 @mcbex 的 JS Fiddle!显然,不能简单地将类添加到 SVG,还必须使用填充颜色对其进行自定义。

【讨论】:

    猜你喜欢
    • 2021-12-24
    • 2018-01-11
    • 2022-06-11
    • 2020-08-11
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-01-20
    • 1970-01-01
    相关资源
    最近更新 更多