内联SVG上的Jquery toggleClass
我有一个内联SVG(一个站点地板工厂的考古图)的布局,在侧边栏中有一些解释性文本,我想通过切换来改变我在SVG中创建的组的一些属性。不同群体的class级。
我正在尝试使用JQuery的toggleClass()
但它无法正常工作。 我想将类上的更改绑定到侧栏上元素上的一些单击事件。
Jquery不能与SVG一起使用吗?
不,jQuery旨在与HTML一起使用。 SVG元素位于SVG名称空间中,jQuery函数通常不适用于它们。
您可以使用setAttribute()
修改SVG元素的class
:
mysvgelement.setAttribute("class", someclass);
或者使用各种JS支持库之一进行SVG操作。