程序员经验分享-hwhale

内联 SVG 上的 Jquery 切换类

2023-11-29

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


不会。jQuery 设计用于与 HTML 配合使用。 SVG 元素位于 SVG 命名空间中，jQuery 函数通常不适用于它们。

您可以修改 SVG 元素class using setAttribute():

mysvgelement.setAttribute("class", someclass);

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

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

jQuery

SVG

内联 SVG 上的 Jquery 切换类 的相关文章

  • jQuery：将文本区域滚动到给定位置

    我有一个包含很多文本的文本区域

  • Firefox Addon 中的 JQuery 导致多个警告

    我在 Firefox 插件中使用 jquery 但我不断收到大量警告消息 如下所示 anonymous function does not always return a value System JS WARNING resource g

  • .removeClass 从所有元素（相对于单个定义的元素）

    我将如何使用 removeClass 删除所有匹配的类 而不是单独调用每个元素 所以代替这个 input removeClass CO form alert select removeClass CO form alert input se

  • AngularJS + jQuery 移动

    是否还有其他可能性来设计AngularJS以移动友好的方式应用程序CSS 我正在计划一个移动应用程序 并希望使用 AngularJS 进行逻辑和数据绑定 但我不想自己设计所有内容CSS The AngularJSFAQ说它使用jQuery

  • 当php脚本通过ajax运行时显示进度条

    我有一个通过 ajax 向服务器提交值的表单

  • 将引导程序弹出框保留在视口内

    我正在尝试使用带有按钮的侧边栏创建一个菜单 每个按钮都有一个指定的包含相关数据的弹出窗口 不幸的是 其中一个弹出窗口可能包含任意数量的行 并且在某些情况下它可能部分位于视口之外 See http jsfiddle net bfd9f 1 h

  • 如何检查网页页面是否滚动？ [复制]

    这个问题在这里已经有答案了 javascript 有没有办法检查网页是否垂直滚动 专门针对 Internet Explorer 我需要在 IE 中获取鼠标位置 但使用 jQuery 事件 e pageY 当页面不滚动时它给出正确的值 但当页

  • 使用路径id获取SVG路径d属性

    我有单独的 json 包含 SVG 路径 Id 有没有办法使用路径 id 获取 SVG 路径 d 属性 或者有没有办法只使用路径 ID 来填充 SVG 路径 您可以通过调用 document getElementById 来获取路径元素 然

  • 错误：键 $conditionalHandlers 不得以 '$' mongodb 开头

    我对 mongodb 特别是 Node js 的 mongoose 包有疑问 我有以下架构 var Schema mongoose Schema var location new Schema nomville type String re

  • jquery mobile pageContainer问题

    如果我正确阅读以下文档 http jquerymobile com demos 1 1 0 docs api methods html http jquerymobile com demos 1 1 0 docs api methods h

  • AJAX - 成功和错误时获取响应正文

    我为这个愚蠢的问题道歉 但我需要你的帮助 我需要获取有关内部响应的信息AJAX ajax type POST url register data registerRequestJSON contentType application jso

  • 如何使用 bootstrap-select 在每个选择选项上添加工具提示

    我正在尝试使用 bootstrap select 将工具提示添加到每个选择选项 当我检查时 似乎 select js 将 select 标签转换为 ul 我不知道这是我的代码不起作用的原因 html div class form group

  • JQuery 更改内部文本但保留 html

    我想更改 HTML 元素的文本 但使用 jQuery 保留内部 html 的其余部分 例如 a href link html Some text img src image jpg a 将 某些文本 替换为 其他文本 结果应如下所示 a h

  • 将 Json 数据返回给 Ajax 调用

    我在 MVC 中有一个方法 我将其发布到它 并且我需要返回一些数据以进行处理 这是我发布到的 MVC 方法 返回值是 json 数据 HttpPost public JsonResult GetCalculateAmortizationSc

  • 使用 jquery 更改锚文本和图标

    我有一个隐藏或显示 div 的锚标记 但我无法更改它的文本和图标 如何更改文本和图标标签 因为目前它将图标标签解析为常规文本 锚标记 a class collapse info btn i class icon arrow up icon

  • 带有桌子的嵌套表

    我在应用了表排序器的表中嵌套了表 它在嵌套表中添加了排序标题 但是它们没有对行进行排序 并且抛出了JavaScript错误 我想拥有 嵌套表不可排序 巢表上的排序实际上可以工作 但不是现状 您的第一个选择要容易得多 使嵌套表不可排序 像这样

  • jQuery 模板插件：如何创建双向绑定？

    我开始使用 jQuery 模板插件 微软创建的 但现在我面临这个问题 模板用于绑定到对象数组的一堆表单 当我更改其中一个表单上的某些内容时 我希望更新绑定的对象 但我不知道如何自动执行该操作 这是一个简单的例子 现实生活中的模板和对象要复杂

  • Jquery Ajax 调用返回 403 状态

    我有一个 jquery Ajax 调用来实现会话的 keepalive 这个 keepAlive 方法将每 20 分钟调用一次 function keepAlive ajax type POST url KeepAliveDummy asp

  • 在选择 tr 来覆盖父 div 上的第 n 个子类时，如何使用 jquery addClass ？

    我用它来选择一个 tr 当单击它来更改 tr 的颜色时 tr click function this addClass selected siblings removeClass selected 参见小提琴http jsfiddle ne

  • 将 JSON 发送到 Spring MVC 控制器

    我正在尝试将 JSON 发送到 Spring MVC 控制器 在 Spring MVC 方面 一切都配置正确 下面是代码 但似乎没有运行

随机推荐

  • 在 R 中绘制连续函数

    我会如何绘制类似的东西y a b在 R 中 其中y等于某个常数并且a b gt 0 So a b 5例如 它绘制该线的位置 我只见过传递值列表a and b和绘图y根据这些值 不绘制连续曲线 f lt function a b a b 我该

  • ModuleNotFoundError：没有名为“psycopg2._psycopg”的模块

    我正在使用进口 导入psycopg2 但是在本地运行代码时 我面临一个问题 从 psycopg2 psycopg 导入 ModuleNotFoundError 没有名为 psycopg2 psycopg 的模块 我已经使用 cmd pip

  • 如何修复应用程序不响应？

    我已经准备好了绘画应用程序 我的应用程序包含一个用于绘画的自定义视图 当我们在自定义视图中绘制任何内容时 只需收集绘制的像素并存储在数组列表中 第一次它工作正常 但需要很多时间 第二次 活动 MyAlphabets 在应用程序 MyAlph

  • C# - 网站 - SQL Select 语句

    我想使用 select 语句来查找是否存在已存在的记录 我已将代码放在下面 但它在 dReader comm ExecuteReader 处引发错误我不确定为什么 有什么帮助吗 string connString Data Source K

  • 在 AS3 中隐藏按钮？

    我有一个名为 myBtn 的按钮 在第一帧的操作中 我尝试了以下两种方法 myBtn visibility false myBtn enabled false 两者都给我同样的错误 1120 访问未定义的属性 myBtn 好的 有几种方法可

  • 如何使用网络摄像头扫描 WinUI 3 中的二维码？

    我正在尝试在 WinUI 3 中从网络摄像头扫描 QR 码 我已经安装了 ZXing 和 AForge Video 但这些库在 WinUI 3 中无法正常工作 是否有任何解决方案或更兼容的替代方案 ZXing 中兴网是一个端口 完全与平台无

  • 绑定到 Django Admin 的模型历史记录

    设置 我正在开发一个 Django 应用程序 它允许用户在数据库中创建一个对象 然后返回并根据需要进行编辑 Django 的管理站点保存通过管理站点对对象所做的更改的历史记录 问题 如何将我的应用程序挂接到管理站点的更改历史记录中 以便我可

  • lua 中的来回 UTC 日期

    我在将 lua 日期转换为时间戳然后从中获取原始日期时遇到问题 它确实适用于非 UTC 日期 但不适用于 UTC 目前我的示例代码是 local dt1 os date t print dt1 hour local dt2 os date

  • MySQL 错误 1349 我缺少什么？

    我正在获取 MySQL1349错误 但看起来错误似乎不正确 ERROR 1349 View s SELECT contains a subquery in the FROM clause 创建视图时可以没有任何子查询吗 这是我的 SQL C

  • Spark：当键是不可散列的numpy数组时如何“reduceByKey”？

    我有一个 键 值 元素的 RDD 键是 NumPy 数组 NumPy 数组不可散列 当我尝试执行以下操作时 这会导致问题reduceByKey手术 有没有办法为 Spark 上下文提供我的手动哈希函数 或者有没有其他方法可以解决这个问题 除

  • 如何将此 JSON 反序列化为对象？

    我正在尝试使用 JSON Net 将 JSON 对象反序列化为 C 对象 我想要创建的对象是MonthlyPerformance其中包含一个列表Type 其中包含一个列表Categories 其中又包含一个列表Funds 它们定义为 pub

  • HttpClient 在指定超时之前超时

    我正在使用 WP8 中的 HttpClient 并执行 Post 请求 我知道呼叫可能需要很长时间 因为我实际上是在模拟慢速网络场景 因此我设置了HttpClient Timeout相应地为5分钟 然而 我在 60 秒左右超时 我相信超时不

  • 将依赖项注入 Ember 模型

    我正在尝试将依赖项注入我的 Ember 模型中 https github com emberjs ember js issues 3670 表明此功能已禁用 通过链接访问https github com stefanpenner ember

  • 为什么我们可以从线程池线程修改表单标题？ [复制]

    这个问题在这里已经有答案了 下面的等待任务尚未完成await点并且它不捕获 UI 上下文 这意味着后面的 UI 修改代码将在另一个线程 本例中为线程池线程 中调用 private async void Button1 Click objec

  • 如何从表中获取数据？

    如何从 Javascript 中的表 displayTable 中名为 Limit 的列中提取数据 字符串 var table document getElementById displayTable var rowCount table

  • Rails ActiveRecord 如何在没有多个查询的情况下链接“where”子句？

    我是一名 PHP 开发人员 正在学习 Ruby on Rails 的强大功能 我很喜欢 ActiveRecord 并且注意到一些非常有趣的事情 这就是 ActiveRecord 方法如何检测方法链的末尾以执行查询 person Person

  • 在mvc中加载gif

    我的控制器中有一个像这样的方法 public string UpdateResource Thread Sleep 2000 return string Format Current time is 0 DateTime Now ToSho

  • 如何从Android中的日期选择器获取日期？

    我正在使用DatePicker对于我的申请 我想获取我选择的日期 在DatePicker 但它不返回选定的日期 它始终返回当前日期 我怎样才能得到选定的日期DatePicker 任何帮助将不胜感激 day pickDate getDayOf

  • 如何使用 Commons FileUpload 设置存储文件上传的文件夹

    如何设置 TOMCAT 服务器上存储文件上传的位置 我在用commons fileupload就目前情况而言 我能够存储多个 tmp文件到catalina base temp但是 我的目标是将上传的文件夹以其原始形式存储到d dev upl

  • 内联 SVG 上的 Jquery 切换类

    我有一个带有内联 SVG 站点地面植物的考古图 的布局 侧边栏中有一些解释性文本 我想通过切换来更改我在 SVG 中创建的组的一些属性不同组的班级 我正在尝试使用 JQuerytoggleClass 但它不起作用 我想将类上的更改绑定到一些

热门标签