TypeError: jQuery.easing[this.easing] is not a function

最新推荐文章于 2024-05-03 21:53:44 发布
最新推荐文章于 2024-05-03 21:53:44 发布
阅读量5.7k 收藏 1
点赞数 1
文章标签： jquery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/yi_an/article/details/50911140
版权

很多介绍jQuery的书籍上的jQuery事件的方法，在使用高版本的jQuery库的时候会出现兼容问题。

今天就遇到了一个“TypeError: jQuery.easing[this.easing] is not a function” 

这是在使用toggle方法的时候出现的，一开始使用的是jquery-1.12.1版本，但是toggle（f,f,f,...）已经失效了。

有几种解决方法，一是更换低版本的jQuery库，下载链接：http://www.wufangbo.com/jquery-all/

二是直接对最新的jQuery库进行兼容性的处理，有很多技术贴，但是没试过。


还有很多类似的兼容性问题，都可以采用上面的方法进行处理吧。

yi_an
关注
Vue 报错TypeError: this.$set is not a function 的解决方法
10-17
然而，当你遇到`TypeError: this.$set is not a function`的错误时，通常是因为`this`上下文没有正确指向Vue实例。下面我们将深入探讨这个问题及其解决方案。 ### 报错场景 在开发过程中，你可能在尝试将API获取的...
Uncaught TypeError: jQuery.easing[jQuery.easing.def] is not a function
c_x_m的博客
03-31 2387
报错：Uncaught TypeError: jQuery.easing[jQuery.easing.def] is not a function 原因 当我用vue-superslide 时报错以上信息，问题原因是多个JQuery引入 –由于我在public的index.html引用了luckysheet和在main.js 引入了superslide 解决方案 在代码页面单独引入superslide 如果你的是多个jQuery引入 ，你可以选择删除掉一个 Created with Raph
Uncaught TypeError: XXX is not a function问题解决方法
qq_70095877的博客
03-25 8305
Uncaught TypeError: XXX is not a function前端控制台报错
使用jquery 的问题：is not a function
qq_41371197的博客
03-19 2300
使用jquery中的一个bug: 之前可以使用的function，突然报错，is not a function，后来经过搜索，有人说是id和函数名重名，我也没有重名，于是ctrl+f搜索函数名，发现原来是一个变量和他重名了 ...
js 函数报错“Uncaught: TypeError xxx is not a function”
flyingfishzxf的专栏
07-07 3389
写ajax函数时，遇到这样的错误 首先看看标签属性中有没有与函数名相同的属性名 比如：函数名为create_user() 属性id="create_user" 或者 属性 name="create_user"那么就会导致这样的报错，只要把属性名改成其他与函数不一样的名称或者删掉就可以了
Uncaught TypeError: jQuery(...).data(...) is not a function
qq_41762571的博客
02-01 1643
一、背景： 一直运行正确的一个ajax表单提交页面，今天报以下这个错误： 二、问题分析： 一般出现“Uncaught TypeError”这类型的错误，有如下4个原因： 1：引入的js里面undefined未定义该函数 这种情况一般检查一下是否有改函数即可。一般更换新版本的js之后可能老版本的js方法就没有了。这个时候可以手动地把老版本的js方法加到新的版本，或者更改方法。 ...
正确解决TypeError: xxx is not a function异常的有效解决方法
wbajsjhhhhh的博客
05-03 1万+
正确解决TypeError: xxx is not a function异常的有效解决方法
微信小程序报错：this.setData is not a function的解决办法
08-29
"微信小程序报错：this.setData is not a function的解决办法" 微信小程序报错：this.setData is not a function是一个常见的错误，特别是在使用微信小程序开发时。在这个错误中，this.setData变成了undefined，...
解决jquery插件：TypeError:$.browser is undefined报错的方法
10-23
1. jQuery插件报错问题：在使用jQuery插件时可能会遇到"TypeError: $.browser is undefined"的报错，这主要是因为从jQuery 1.9版本开始，jQuery移除了$.browser和$.browser.version这两个用于获取浏览器基本信息的...
小程序中wx.xx is not a function的报错
03-29
连胜老师今天来说一下小程序后台，运维中心经常报的一个错误：错误提示：wx.getSetting is not a function;at App lifeCycleMethod onLaunch function。   这里的wx.getSetting，可能是其他API，比如wx....
jquery插件之easing使用
12-12
代码如下: [removed] $(function(){ $.easing.def=”easeInQuad”;//设置默认效果 var callback=function (){ alert(“ok”); } $(“#t1”).animate({ “top”:600 },{duration: 3000, easing:”easeInQuad”,//可省略 complete: callback}) }) [removed] 使用了easing后,JQ原来的方法有将不可用,用对象代替JQ中时间,该对象如下例 {duration: 3000,easing:”easeInQuad”,complete
TypeError: notify.sendNotifybyWxPucher is not a function!
10-24
TypeError: notify.sendNotifybyWxPucher is not a function!
TypeError document.getElementById(...) is null错误原因
09-03
`TypeError: document.getElementById(...) is null` 是一个常见的JavaScript错误，通常出现在尝试访问一个尚未加载或者不存在于DOM（文档对象模型）中的元素时。这个错误表示`document.getElementById`方法未能找到...
TypeError document.getElementById(…) is null错误原因
12-09
了解这些基本的JavaScript执行机制和DOM加载流程，能帮助开发者避免`TypeError: document.getElementById(...) is null`这类常见的错误，提高代码的健壮性和用户体验。记住，良好的编程习惯和对文档结构的理解是解决...
jQuery方法报错...is not a function问题
粘锅土豆的博客
04-19 2976
做一个简单的页面数字校验，label显隐问题，使用想使用jq的prevAll()方法，报错了： 错误代码： $('.checkMessage')[15].prevAll().hide() 通过class选择器，得到的是一个对象数组 $('.checkMessage')[15]，的到的是一个js对象，原生js对象没有prevAll()方法，它是jq封装后的方法，所以报错~ 解决 使用jq的eq()方法： $('.checkMessage').eq(15).prevAll().hide() ...
jquery 报错提示Uncaught TypeError: $ is not a function
sunsineq的专栏
07-27 2752
可能是版本问题，也有可能是被其他脚本使用 解决方法：将 $ 替换为 jQuery $('.layui-btn.layuiadmin-btn-list').on('click', function () {}）； jQuery('.layui-btn.layuiadmin-btn-list').on('click', function () {}）；
js错误Uncaught TypeError: $(...).datagrid is not a function自己写的并没有错但是一直报这个错(详解)
NULL
01-25 2万+
自己写的jsp代码并没有错,如图 但是在浏览器中一直报错 如图 这个问题搞了半天主要是因为 我引用了eaeasyUi的包 又引用了jquery的包  这就相当于十多岁的你和现在的你 都是一个人 不可能有俩个相同的你 所以会报错 把jquery的jar包 删掉就可以正常运行了.
Uncaught TypeError: XXX is not a function解决
热门推荐
新之助的学习之路
10-09 14万+
后台没有错误，前端一直显示 Uncaught TypeError: withdraw is not a function 错误，代码如下：<div class="form-group btn-right"> <button type="button" class="btn btn-primary" id="withdraw" onclick="withdraw();">提现</button>
TypeError: this.player.markers is not a function
最新发布
04-01
<think>好的，我现在要解决用户遇到的TypeError: this.player.markers is not a function的问题。首先，我需要回忆一下TypeError的一般原因。根据之前的引用资料，TypeError通常发生在尝试调用一个不存在的方法或者对非函数类型的值进行函数调用。比如用户提到的.play()方法报错，是因为jQuery对象没有这个方法，必须转换成DOM对象才能调用[^2]。 现在用户的问题是this.player.markers被当作函数调用，但系统提示它不是函数。可能的情况有几个： 1. **markers方法不存在于player对象中**：可能this.player并没有markers方法，或者该方法的名称被拼写错误了。需要确认player对象的API文档，确保markers是一个有效的方法名。 2. **player对象未正确初始化**：可能在调用markers方法之前，player对象没有被正确实例化，导致其方法不可用。比如，如果player是某个媒体库的实例，可能在初始化时没有正确配置，或者异步加载未完成就调用了方法。 3. **作用域问题导致this指向错误**：在JavaScript中，this的指向可能因为上下文变化而改变。比如在回调函数或事件处理中，this可能指向了其他对象，导致访问不到预期的player对象。这时候需要使用bind、箭头函数或者保存this的引用来确保正确的上下文。 接下来需要逐步排查这些问题。首先检查代码中的player对象是否确实有markers方法，查阅相关库的文档，比如如果使用的是Video.js或者类似的播放器库，确认markers插件是否已正确引入，并且player实例是否已经启用了该插件。有时候需要显式调用插件的方法或者进行配置。 然后，检查代码中初始化player的部分，确保在调用markers方法之前，player已经成功初始化。例如，如果player是在异步加载的，可能需要等待ready事件触发后再调用方法。例如： ```javascript this.player = videojs('my-video'); this.player.ready(function() { this.markers({...}); // 确保在ready回调中使用 }); ``` 另外，检查是否有拼写错误，比如marker和markers的大小写或者复数形式是否正确。有时候方法名可能略有不同，比如addMarker而不是markers。 如果作用域有问题，可以尝试在调用前将this保存到另一个变量，比如： ```javascript var self = this; this.player.ready(function() { self.player.markers({...}); // 使用self确保指向正确的this }); ``` 或者使用箭头函数来保持this的上下文： ```javascript this.player.ready(() => { this.player.markers({...}); }); ``` 另外，如果使用的库需要显式引入插件，比如videojs-markers，需要确认是否正确加载了该插件的脚本，并且在初始化player后调用markers方法。例如： ```html <script src="videojs-markers.js"></script> <script> var player = videojs('my-video'); player.markers({ // 配置选项 }); </script> ``` 如果以上步骤都检查过，但问题仍然存在，可能需要查看浏览器的控制台是否有其他错误，或者库的版本是否兼容。有时候版本升级会导致API变化，旧代码需要调整。 总结可能的解决方案步骤： 1. 确认markers方法是否存在，检查拼写和API文档。 2. 确保player对象正确初始化，并在其就绪后调用方法。 3. 检查作用域，确保this指向正确的对象。 4. 确认相关插件已正确加载，并且版本兼容。</think>### 解决方案：TypeError: this.player.markers is not a function #### 1. 确认`markers`方法是否存在 - **检查API文档**：确认使用的播放器库（如Video.js、JW Player等）是否支持`markers`方法。例如，Video.js的标记功能需要引入`videojs-markers`插件[^1]。 - **验证引入插件**：若需要插件支持，需确保已正确加载插件脚本： ```html <script src="path/to/videojs-markers.js"></script> ``` #### 2. 确保对象初始化完成 - **延迟调用**：在播放器初始化完成后（如`ready`事件触发后）再调用`markers`： ```javascript this.player.ready(() => { this.player.markers({ /* 配置参数 */ }); // 使用箭头函数保留this作用域 }); ``` #### 3. 作用域绑定问题 - **保存`this`引用**：避免因回调函数导致`this`指向错误： ```javascript const self = this; this.player.ready(function() { self.player.markers({ /* 配置参数 */ }); // 使用self代替this }); ``` #### 4. 验证对象类型 - **转换jQuery对象**：如果`this.player`是jQuery对象，需先转为DOM对象： ```javascript const domPlayer = $('#myPlayer')[0]; // jQuery对象转DOM对象 domPlayer.markers(); // 调用方法 ``` #### 5. 调试与兼容性检查 - **控制台验证**：在浏览器控制台输入`console.log(this.player)`，检查输出内容是否包含`markers`方法。 - **版本兼容性**：确认播放器库与插件版本匹配，避免因API变更导致方法不可用。 --- ### 示例代码（Video.js + Markers插件） ```javascript // 初始化播放器 const player = videojs('my-video'); // 确保插件加载后调用 player.ready(() => { player.markers({ markers: [{ time: 10, text: "标记点" }] }); }); ``` ---
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值