$(...).XXX is not a function的解决办法

最新推荐文章于 2024-05-03 21:53:44 发布
最新推荐文章于 2024-05-03 21:53:44 发布
阅读量4.1w 收藏 4
点赞数 3
分类专栏： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_37935725/article/details/108599731
版权

最近在使用Tdrag https://www.jq22.com/demo/Tdrag20160709/ 插件的时候 提示$(....)Tdrag is not a function 解决方式是3

那么一般有哪几种问题会导致$(...).XXX is not a function这种错误提示呢：

1：请检查你调用的相对应的jquery插件文件路径是否正确。

2：请检查插件是否有对应的函数。

3：有的插件需要整个页面加载完毕才能正常运行。

这种情况需要将调用jquery插件文件的代码放在页面最后的</body>前，或者通过jquery：$(document).ready()方法调用，具体代码如下：


                

        

        

    




    

      

        

            

              
                
                  不忘初心才得始终
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                    3
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    4
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                  3
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      

            

                专栏目录
          










                



	

		

			

				
					
$ is not a function解决办法

				
			

			

				

					Nobita
				

				

					05-26
					
					2万+
					
				

			

		

		

			
				
$ is not a function
// $(function () {
//     $('.portfolio-two-item').click(function () {
//         var video_path = $(this).data('src');
//         layer.open({
//           type: 2,
//           t...

			
		

	



                

              
                



	

		

			

				
					
Vue 解决通过this.$refs来获取DOM或者组件报错问题

				
			

			

				

					10-15
				

			

		

		

			
				
 例如，在弹窗打开的瞬间立即访问`this.$refs`，可能会遇到`xxx is undefined`的错误。解决这个问题的关键在于等待Vue完成DOM的更新。有以下两种常见方法：   - **使用`this.$nextTick()`**：这是最常用的方法，将...

			
		

	



                


  
              

                


	

		

			

				
					
正确解决TypeError: xxx is not a function异常的有效解决方法

					
最新发布

				
			

			

				

					wbajsjhhhhh的博客
				

				

					05-03
					
					8400
					
				

			

		

		

			
				
正确解决TypeError: xxx is not a function异常的有效解决方法

			
		

	





	

		

			

				
					
selectpicker is not a function（bootstrap-select无法动态加载数据）

				
			

			

				

					小生测试的博客
				

				

					06-07
					
					1万+
					
				

			

		

		

			
				
现象：
使用了bootstrap-select插件，前端无法显示动态数据，查看元素又看到已经生成了数据，说明是渲染问题。


还提示：
$(…).selectpicker is not a function

代码结构：
js引用
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.14/dist/css/bootstrap-select.min.css">
        <scr

			
		

	



		

			
		



	

		

			

				
					
解决 Vue 中报错：TypeError: Object(...) is not a function

				
			

			

				

					☆往事随風☆的博客
				

				

					07-27
					
					1万+
					
				

			

		

		

			
				
解决 Vue 中报错：Object(...) is not a function

			
		

	





	

		

			

				
					
【小程序】 解决 Function(...) is not a function问题

				
			

			

				

					不忘初心，坚定道路！
				

				

					07-22
					
					1万+
					
				

			

		

		

			
				
在小程序中，只要写了ayncawait（或者是你引入的库中写了），如果你使用了babel编译且babel的版本大于7，则会出现这个问题。

			
		

	





	

		

			

				
					
前端插件之间面对重复使用规则的兼容转换---$(...).XXX is not a function

				
			

			

				

					qq_32235259的博客
				

				

					07-07
					
					983
					
				

			

		

		

			
				
最近在着手开发一个工程的前端工作，开发结束后却碰到了一个前端js报错：$(...).bootstrapTable is not a function   开始是小编也很困惑，着手解决各种*.js直接的版本兼容性，引入的前后顺序校对，发现只要将jQuery.js在bootstrap框架的js之前引入就可以了(小编之前也是这么做的，同时提醒大家：bootstrapTable 需要jQuery1.9.1以

			
		

	





	

		

			

				
					
EhLib 9.1.024

				
			

			

				

					10-10
				

			

		

		

			
				
This component is intended for totaling sums and amounts of records in a  TDataSet with dynamic changes. Component keeps a list of TDBSum  objects, which contains types of group operations (goSum or ...

			
		

	





	

		

			

				
					
Python中对错误NameError: name ‘xxx’ is not defined进行总结

				
			

			

				

					12-21
				

			

		

		

			
				
总之，理解和解决`NameError: name 'xxx' is not defined`的关键在于检查变量、函数、类和模块的定义、导入以及代码的缩进结构。遵循Python的语法规则，细心检查每个细节，通常可以迅速定位并修复这类错误。

			
		

	





	

		

			

				
					
layui框架form.on(‘select(XXX)’,function(){});方法不执行解决方法

				
			

			

				

					01-08
				

			

		

		

			
				
在layui框架中使用form.on方法绑定select下拉框选中事件，form.on()方法不执行, 解决方法有... form.on('select(XXX)', function (data) {});  }); 3. select标签中要有lay-filter属性，用来监听select     以上解决方

			
		

	





	

		

			

				
					
关于vue3.0中的this.$router.replace({ path: ‘/’})刷新无效果问题

				
			

			

				

					11-21
				

			

		

		

			
				
首先在store中定义所需要的变量可以进行初始化，再定义一个方法，登录成功后A页面，跳转到B页面之前，需要直接调用store中存储数据的方法，全局可以使用    诸如以上所示，该问题，百度了好久，多亏群里大佬。 vue...

			
		

	





	

		

			

				
					
TypeError: this.getOptions is not a function 的解决

					
热门推荐

				
			

			

				

					hyupeng1006的博客
				

				

					01-06
					
					1万+
					
				

			

		

		

			
				
React这个实际上就是 sass-loader 的版本过高或过低，与当前node版本不对应，不兼容 getOptions 函数方法，所以需要对 sass-loader 进行升级或降级处理。1、命令行卸载node-sass和sass-loader，重新安装跟你当前node版本对应的node-sass和sass-loader。2、或者可以删除node_modules文件夹，直接修改package.json里sass-loader和node-sass里的版本，然后npm install四、node。

			
		

	





	

		

			

				
					
jquery分页插件调用报错的问题：$(.).pagination is not a function

				
			

			

				

					weixin_43356308的博客
				

				

					12-17
					
					2397
					
				

			

		

		

			
				
jquery分页插件调用报错的问题：$(.).pagination is not a function
做项目的时候需要用到分页功能,有个js插件叫做jquery.paginate.js可以帮助我们实现分页效果，但他不是jQuery中的标准库,需要额外引入。
但是在我刚开始引入这个库的时候,会报$(.).pagination is not a function的错误。

但我分明已经导入了jQuery和paginate的js库了呀？如下图

这让我很费解。
但是后来经过上网查询资料，看见别人的博客说
注意：

			
		

	





	

		

			

				
					
$(…).datepicker is not a function

				
			

			

				

					easyboot的专栏
				

				

					01-29
					
					1万+
					
				

			

		

		

			
				

我的程序不知什么原因，会报 Uncaught TypeError: $(…).datetimepicker is not a function错误信息
找了好久不知道是什么原因，最终百度后发现是jquery引用中引用了不同的版本所致。最后统一使用一个版本后，问题解决。

   function InitDatePicker() {
        $('#datepickerFrom').dat...

			
		

	





	

		

			

				
					
bootstrop-table之通用方法（ 时间控件，导出，动态下拉框， 表单验证 ，选中与获取信息）

				
			

			

				

					缠中说禅的博客
				

				

					01-28
					
					1318
					
				

			

		

		

			
				
1.bootstrop-table 单击单行选中
$('#gzrwTable').on('click-row.bs.table', function(e, row, $element) {
$('.success').removeClass('success');// 清除前一次操作已选中行的选中状态
$($element).addClass('success');// 选中行添加选中状态


			
		

	





	

		

			

				
					
bootstrap-select.js报d.stopPropagation is not a function异常

				
			

			

				

					OceanSky的专栏
				

				

					03-02
					
					6069
					
				

			

		

		

			
				
使用bootstrap-select.js插件给下拉框赋值的时候报如下错误：



bootstrap-select.js:230 Uncaught TypeError: d.stopPropagation is not a function
    at new e (VM32721 bootstrap-select.min.js:7)
    at HTMLSelectElement.&amp;lt;...

			
		

	





	

		

			

				
					
datetimepicker is not a function错误

				
			

			

				

					zxysshgood的博客
				

				

					04-26
					
					1万+
					
				

			

		

		

			
				
在导入时间选择插件的时候，datetimepicker.min.css和datetimepicker.min.js都已经装载，但是报错

Uncaught
 TypeError: $(…).datetimepicker is not a function
在解决过程中找到了：
 
* Depends:
 * jquery.ui.core.js
 */




最终解决方案

			
		

	





	

		

			

				
					
this.$refs.form.validate is not a function

				
			

			

				

					07-27
				

			

		

		

			
				
- *1* *2* [如何解决this.$refs[XXX].validate is not a function](https://blog.csdn.net/weixin_43471295/article/details/120759455)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{...

			
		

	



              



  
“相关推荐”对你有帮助么？

  

      
    
          
  • 
              
    
                  
                  
              
    
              
    非常没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    一般
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    有帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    非常有帮助
    
          
    • 
      

      

      

          
          提交
      

      

  




          




        



    





    



      

      

        
      

      





	

		
评论 3

	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值