内联 SVG 上的 Jquery toggleClass

标签 jquery svg

我有一个带有内联 SVG(站点地面植物的考古图)的布局,侧边栏中有一些解释性文本,我想更改我在 SVG 中创建的组的一些属性通过切换不同组的类。
我正在尝试使用 JQuery 的 toggleClass()但它不工作。我想将类上的更改绑定(bind)到 <span> 上的一些点击事件。侧边栏上的元素。
Jquery 不能与 SVG 一起使用吗?

最佳答案

没有。 jQuery 旨在与 HTML 一起使用。 SVG 元素位于 SVG 命名空间中,jQuery 函数通常对它们不起作用。

您可以使用 setAttribute() 修改 SVG 元素的 class:

mysvgelement.setAttribute("class", someclass);

或者使用各种 JS 支持库之一进行 SVG 操作。

关于内联 SVG 上的 Jquery toggleClass,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34275238/

相关文章:

javascript - 根据使用名称选择的下拉值更改图标

javascript - 停止设置间隔

JQuery + SVG 对象 : Capture click event properly

wordpress - 为什么 Wordpress 默认不允许 svg 图像文件?

javascript - 如何获取SVG的fill属性值

jquery - VS容器窗口报告mouseenter事件的mouseover,为什么?

javascript - 带有新 jQuery 的精选 slider

php - 将自己的 CSS 应用到外部页面

javascript - Canvas 和 SVG 之间犹豫不决

svg - "C"在 SVG 路径中是什么意思?