封装JQuery插件，报错：$(...).plugIn is not a function

最新推荐文章于 2023-01-06 11:12:14 发布

ADXS

最新推荐文章于 2023-01-06 11:12:14 发布

阅读量1.2k

点赞数

分类专栏： JQuery

本文链接：https://blog.csdn.net/qq_41566870/article/details/103550555

版权

JQuery 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

本人初次接触封装jquery插件，但一直报**$(…).plugIn is not a function**。百度一直没解决，后来自行找到原因。

iptMenu.html

<html>
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <script src="static/jquery-1.4.1.min.js"></script>
        <script src="static/iptMenu.js" type="javascript"></script>
    </head>
    <body>
        <input type="number" id="ipt" value="10" style="margin-top: 200px"/>
        <script>
            $(function(){
                $('#ipt').plugIn({
					event : 'click' //可进行篡改
				});
				
            });
        </script>
    </body>
</html>

iptMenu.js

;(function($){
    $.fn.plugIn = function(options){
        var defaults = {
			event : 'click'
            //各种默认参数
        }
        var options = $.extend(defaults,options); //传入的参数覆盖默认参数
        this.each(function(){
            var _this = $(this);  //缓存一下插件传进来的节点对象。
            //执行内容
			console.log(123456);
            alert(_this.attr("id"));
            
        });
        return $(this);   //把节点对象返回去，为了支持链式调用。
    }
})(jQuery);

问题就出在了：

<script src="static/iptMenu.js" type="javascript"></script>

修正后：

<script src="static/iptMenu.js"></script>

问题解决，这个问题缠绕了我一天多，特此记录。

ADXS

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
封装JQuery插件，报错：$(...).plugIn is not a function

本人初次接触封装jquery插件，但一直报**$(…).plugIn is not a function**。百度一直没解决，后来自行找到原因。iptMenu.html<html> <head> <meta charset="UTF-8"> <title>Title</title> ...
复制链接

扫一扫