jquery-ui.min.js:5 Uncaught TypeError: b.nodeName.toLowerCase is not a function

最新推荐文章于 2023-03-13 22:20:09 发布
最新推荐文章于 2023-03-13 22:20:09 发布 · 1.2k 阅读 · 0
文章标签：

#javascript #ui #开发工具 #ViewUI

本文介绍了一个关于jQuery UI弹出窗口功能的问题及解决方案。主要错误在于弹窗内的输入框ID和名称属性设置为相同的值导致了冲突。文章详细解释了如何通过更改ID和名称来解决这一问题。

1、错误描述


2、错误原因

jquery UI通过按钮弹出窗口，然后在窗口上的按钮，点击后再次弹出窗口，出现报错

错误原因是输入框中id和name命名为nodeName

<input type="text" id="nodeName" name="nodeName"/>


3、解决办法

修改输入框中id和name命名

<input type="text" id="nodeNames" name="nodeNames"/>

iteye_8264
关注
react项目遇到的问题及解决方案【持续更新中...】
zhanglulude优快云的博客
01-05 3486
1、modalForm表单每次点开显示的重复 这个问题可能是你没有给模态框加一个随机的key 如果加上key之后每次点击出来的模态框就是一个新的和上次无关 2、树形选择数据结构 const cascaderOptions = [ { label: '综合管理中心', value: 'fe', children: [ { label: '运营部', value: 'js', }, { label:
VUE项目bug总结
阿七的博客
08-29 228
当遇到这种错误时一般有两种情况，一种就是你没有定义该变量在data中。还有一种就是就是我的情况，这里先上代码这种情况识别不到this.list变量，可以用let that=this或者注意：这里的数组一定要用push，千万别用list[index]=.....,经本人实验，这种方法初始化页面识别不到（数据倒是有）。
Uncaught TypeError: b.nodeName.toLowerCase is not a function
游海东的技术专栏
11-29 5892
1、错误描述 jquery和HTML属性冲突2、错误原因       在界面中，定义一个输入框，name属性给nodeName，这个名称跟jquery中有冲突 &lt;form&gt; &lt;table class="mytable"&gt; &lt;tr&gt; &lt;td&gt; &lt;span class="requiredSign...
Jquery-1.8.3中的BUG
wttyzy的专栏
02-02 4942
ie和firefox一直遇到这个问题 ---------------------------------------------------------------------------------- |   typeError:elem.nodeName.toLowerCase is not a function  | -------------------------------
Uncaught TypeError: str.toLowerCase is not a function
请叫我大师兄
05-18 9080
这个是在调试的时候遇到的，他们的都没问题，到我这就有问题了 问题在于，我在js代码里面使用了数据int类型的数据 ，他们的都是清一色的字符串，都没的问题。 然后如下图： 看到了，因为js时弱类型的，所以，它不知道你给他的是数字还是字符串，然后就出错了。 只需要在报错的字符串的前面给 str += ''; // 字符串化 然后就没事了。
bootstrap select (e.data(...) || e.text(...)).toUpperCase is not a function 的问题
weixin_36278303的博客
08-21 683
bootstrap select (e.data(…) || e.text(…)).toUpperCase is not a function 的问题 问题解决方式 <option value=“0547bdcf-7cf5-4f4a-830a-fde8be5f5932” data-tokens=“88888888”>【一般】88888888 select data-to...
Uncaught TypeError: e.nodeName.toLowerCase is not a function
12-19
这个错误通常出现在JavaScript编程中，特别是当你尝试对某个元素执行`toLowerCase()`方法，但该元素实际上是null、undefined或者其他非DOM元素的时候。`nodeName`属性用于获取元素的标签名，而`toLowerCase()`是一个...
fastadmin升级bootstrap遇到的问题
安迪夫的博客
10-23 1152
fastadmin引用的Bootstrap版本是3.X，我升级到了4.4之后，遇到了这样一个问题。 Uncaught Error: Script error for "popper.js", needed by: bootstrap - require.js。 在bootstrap里定义的是require('popper.js'), 而不是require标准的require('popper'), 所以要在map里做一个转换以让require.js识别。 在require-backend.js文件里面，
浏览器执行(function() { 'use strict'; var hre = ""; Object.defineProperty(location, 'href', { set: function(value) { if (value.indexOf('md5__1038') != -1) { console.log(value); hre = value } }, get: function() { return hre; } }) } )() 报错Uncaught TypeError: Cannot redefine property: href
最新发布
11-06
== null && target.nodeName.toLowerCase() !== 'a') { target = target.parentNode; } if (target) { let href = target.href; if (href.indexOf('md5__1038') !== -1) { event.preventDefault(); console....
jquery.js:5 Uncaught TypeError: Illegal invocation
尽力漂亮的博客
11-20 998
jquery.js:5 Uncaught TypeError: Illegal invocation 解决 String与Long类型转换注意：不然mapper不能识别! 正确写法:Long.parseLong(xxx)
data.name.toLowerCase() is not a function问题
Gblfy_Blog
11-06 3255
文章目录1. 现象2. 分析3. 解决方案 1. 现象 Error in v-on handler: "TypeError: suffixs[i].toLowerCase is not a function" 2. 分析 主要原因是.toLowerCase()方法需要前面是字符串类型 3. 解决方案 案例： (data.name +='') .toLowerCase() 源码 修改后 ...
控制台报错：e.nodeName.toLowerCase is not a function
weixin_36320950的博客
11-17 1271
原因：项目中有一个名为nodeName的变量，导致与JQ中源码冲突报错 解决办法：注意变量命名，避免使用关键字
Jquery报错：Uncaught TypeError: ((m.event.special[e.origType] || (intermediate value)).handle || e.hand...
weixin_33775572的博客
04-29 2489
　　页面中出现了Jquery报错：Uncaught TypeError: ((m.event.special[e.origType] || (intermediate value)).handle || e.handler).apply is not a function，但是不影响页面js运行，度娘上上边有的童鞋是由于复制粘贴导致语法错误，但是我的并不是，最后检查结果是，绑定了有的事件，但是还没...
jquery 报错提示Uncaught TypeError: $ is not a function
sunsineq的专栏
07-27 2847
可能是版本问题，也有可能是被其他脚本使用 解决方法：将 $ 替换为 jQuery $('.layui-btn.layuiadmin-btn-list').on('click', function () {}）； jQuery('.layui-btn.layuiadmin-btn-list').on('click', function () {}）；
jQuery Uncaught TypeError: $(...).on is not a function问题解决
热门推荐
旭东怪的博客
10-22 3万+
问题描述： Uncaught TypeError: $(...).on is not a function 问题分析： jQuery版本太老了，不支持on()方法。 问题解决： 1、更改成更高版本的jQuery。 本人从jQuery的版本从1.4.0换成1.8.0。 2、使用bind()来替换on()。 ...
ElementPlus-table与vxe-table比较
weixin_46482956的博客
11-12 5465
前言：最近在用vue3做项目，使用到了ElementPlus的表格功能，但是对于一页加载的数据量过大的话(我这里是一页最多加载500条)，ElementPlus-table渲染的会比较慢，造成界面卡顿，数据一直加载不出来的性能问题。这里再提一下，用vue2+element-table加载有时候也不是很快，一页500条的时候也可能会要6~10s。还得说一下的是，数据量大，渲染慢，也与你的列有关(我这里的列有32列之多，尝试只定义6列，会快很多)，如果列太多，在后端数据回来的时候，dom也会根据你定义的表格列去
Uncaught TypeError: XXX is not a function的解决方法
m0_54066656的博客
03-13 2万+
Uncaught TypeError: XXX is not a function的解决方法
jquery.min.js:2 Uncaught TypeError: t.toLowerCase is not a function？
天元白手的博客
06-11 2401
完整的错误： 点击跳转的之后看到： 报jQuery错误？首先排除jQuery错误，人家这么好的东西怎么可能这么容易就找出bug？ 所以我经过一番百度加谷歌之后，发现了别人也遇到了类似的问题： 查看了大部分博客，我发现了是名字的问题，再看自己的代码 这里的depName命名和depId命名我是对应着返回的json格式里面的，理论上来说是没有问题的，可是在运行和jQuery结合在一起的时候就产生了冲突的问题，而现在把名字改成另外的不产生冲突就可以了。 ...
jquery-3.4.1.min.js:2 Error: <path> attribute d: Expected number, "… tc0.2,0,0.4-0.2,0…". xe @ jquery-3.4.1.min.js:2 He @ jquery-3.4.1.min.js:2 append @ jquery-3.4.1.min.js:2 (anonymous) @ translateContent.js:1 e @ jquery-3.4.1.min.js:2 t @ jquery-3.4.1.min.js:2 setTimeout (anonymous) @ jquery-3.4.1.min.js:2 c @ jquery-3.4.1.min.js:2 fireWith @ jquery-3.4.1.min.js:2 fire @ jquery-3.4.1.min.js:2 c @ jquery-3.4.1.min.js:2 fireWith @ jquery-3.4.1.min.js:2 ready @ jquery-3.4.1.min.js:2 setTimeout (anonymous) @ jquery-3.4.1.min.js:2 (anonymous) @ jquery-3.4.1.min.js:2 (anonymous) @ jquery-3.4.1.min.js:2Understand this error edreader-main.js:1 Uncaught TypeError: e.className.split is not a function at c (edreader-main.js:1:1002141) at ze (edreader-main.js:1:1002384) at ze (edreader-main.js:1:1002618) at ze (edreader-main.js:1:1002618) at ze (edreader-main.js:1:1002618) at ze (edreader-main.js:1:1002618) at ze (edreader-main.js:1:1002618) at ze (edreader-main.js:1:1002618) at Object.onChangeN
04-23
<think>好的，我现在需要帮助用户解决他们提到的jQuery和edreader-main.js中的两个错误问题。首先，我需要仔细分析用户提供的错误信息，理解每个错误可能的原因，然后给出相应的解决方案。 第一个错误是“jquery-3.4.1.min.js error path attribute d expected number”。看起来这个错误与SVG的路径（path）元素中的“d”属性有关。jQuery可能在操作SVG时试图修改这个属性，但传入的值可能不符合要求。因为“d”属性期望的是一个有效的路径数据字符串，如果传入的不是字符串，或者格式不正确，就会导致这个错误。可能的情况包括使用jQuery的attr()或prop()方法时传入了非字符串值，或者动态生成路径时数据格式有误。解决方案可能需要检查相关代码，确保传入的值是正确的路径字符串，或者避免使用jQuery直接操作SVG属性，改用原生JavaScript方法。 第二个错误是“edreader-main.js typeerror e.classname.split is not a function”。这个错误表明在某个地方，变量e.className不是一个字符串，因此无法使用split方法。通常，className属性应该返回字符串，但如果e不是一个DOM元素，或者className被错误地覆盖或赋值，可能导致这个错误。可能的原因是e变量指向了非元素对象，或者className被错误地设置为其他类型的数据，比如数组或null。解决方法包括检查e是否正确的DOM元素，确保className存在且为字符串，或者在访问前进行类型检查，比如使用e.classList代替split方法。 接下来，我需要组织这些分析，分步骤解释每个错误的可能原因和解决方法，确保用户能够逐步排查问题。同时，要注意使用用户提供的错误信息中的文件名和版本号，比如jquery-3.4.1.min.js和edreader-main.js，可能涉及特定版本的兼容性问题，或者第三方库的代码问题。对于edreader-main.js的错误，如果是第三方库的问题，可能需要联系开发者或查看文档是否有更新。 最后，生成相关问题，帮助用户进一步排查可能的相关问题，比如jQuery操作SVG的常见错误，或者处理类名时的类型错误等。</think>### jQuery与edreader-main.js错误解决方案 #### 错误1: `jquery-3.4.1.min.js`路径属性错误 **现象**: `path attribute d expected number`表示操作SVG路径时，`d`属性被赋予了非法的数值格式。 **原因分析**: 1. 使用jQuery操作SVG元素的`d`属性时，传入了非字符串值（如数字或对象）[^2] 2. 动态生成的路径数据包含非法字符或格式错误 3. 第三方插件与jQuery 3.4.1版本存在兼容性问题 **解决方案**: 1. **检查属性赋值方式** ```javascript // 错误示例（直接赋值数字） $("path").attr("d", 100); // 正确示例（使用有效路径字符串） $("path").attr("d", "M 10 20 L 50 100"); ``` 2. **优先使用原生DOM操作** ```javascript document.querySelector("path").setAttribute("d", newPathString); ``` 3. **验证路径数据格式** 使用[Path Data验证工具](https://validator.w3.org/)检查`d`属性值是否符合SVG规范。 --- #### 错误2: `edreader-main.js`类型错误 **现象**: `TypeError e.className.split is not a function`表明尝试对非字符串值执行字符串操作。 **原因分析**: 1. `e`对象不是DOM元素，无法访问`className`属性 2. `className`属性被覆盖为数组或其他数据类型 3. 浏览器兼容性问题导致属性访问异常 **解决方案**: 1. **类型检查与防御性编程** ```javascript // 添加类型检查 if (e && typeof e.className === "string") { const classes = e.className.split(" "); } ``` 2. **改用classList API** ```javascript // 更安全的类名操作方式 if (e && e.classList) { const hasClass = e.classList.contains("target-class"); } ``` 3. **调试定位问题代码** 在Chrome开发者工具中设置断点，检查`e`的实际类型： ```javascript console.log("变量类型:", typeof e); // 应输出 "object" console.log("className类型:", typeof e.className); // 应输出 "string" ``` --- ### 兼容性验证建议 1. **浏览器测试矩阵** | 浏览器 | jQuery 3.4.1 | edreader-main.js | |--------------|--------------|-------------------| | Chrome 90+ | ✅ | 需测试 | | Firefox 88+ | ✅ | 需测试 | | Safari 14+ | ⚠️ | 需测试 | 2. **依赖版本检查** ```bash # 检查npm依赖冲突 npm list jquery npm list edreader ``` ---
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值