Fatal编程技术网

Javascript 调用JQuery插件

javascript jquery jquery-plugins plugins

Javascript 调用JQuery插件,javascript,jquery,jquery-plugins,plugins,Javascript,Jquery,Jquery Plugins,Plugins,我是Jquery新手，一直在学习一些教程，但这让我陷入了困境。我找到了一个制作Jquery时钟的教程，它工作得很好，但我正在尝试将它转换成插件。我遇到的问题是，我已经看到了如何调用基于SingDiv的插件，但这让我感到困惑。你能帮我看一下代码，告诉我如何调用插件吗？谢谢 HTML: <head> <script src="jquery.min.js"></script> <script src="clock.js"><

我是Jquery新手，一直在学习一些教程，但这让我陷入了困境。我找到了一个制作Jquery时钟的教程，它工作得很好，但我正在尝试将它转换成插件。我遇到的问题是，我已经看到了如何调用基于SingDiv的插件，但这让我感到困惑。你能帮我看一下代码，告诉我如何调用插件吗？谢谢

HTML:

    <head>
    <script src="jquery.min.js"></script>
    <script src="clock.js"></script>
    <script>
        // Need to call

    </script>

    <style> 
            #clock {
              position: relative;
              width:280px;
              height: 285px;
              margin: 20px auto 0 auto;
              background: url(images/clockface.png);
              list-style: none;
            }

            #sec, #min, #hour {
              position: absolute;
              width: 7px;
              height: 70px;
              top: 125px;
              left: 140px;
            }

            #sec {
              background: url(images/second.png);
              z-index: 3;
            }


            #min {
              background: url(images/min.png);
              z-index: 2;
            }

            #hour {
              background: url(images/hour.png);
              z-index: 1;
            }
    </style>
</head>
<body>
    <ul id="clock"> 
      <li id="sec"></li>
      <li id="hour"></li>
      <li id="min"></li>
    </ul>
</body>
更新：剥离回hello world显示缺少大括号}

注意：您没有返回（ing）这个。每个都可能会破坏您的插件

骨架插件

/*
 * PLUGIN-NAME
 * PLUGIN-DESCRIPTION
 *
 * Copyright 2011 YOUR-NAME YOUR-WEBSITE-URL
 * Released under the MIT License
 */

(function($){

$.fn.PLUGIN_NAME = function(options) {

    var opts = $.extend({}, $.fn.PLUGIN_NAME.defaults, options);

    return this.each(function() {

    });

};

$.fn.PLUGIN_NAME.defaults = {
};

})(jQuery);
$（“#时钟”）.mclock（）。。。我看不出需要任何参数。你想要什么Mark tbh有点不清楚-你似乎说“我如何调用此函数”，但也说了一些与“单个div”有关的内容。你到底想要什么？嗨，Paul，使用它我得到了一个错误-uncaughttypeerror:Object[Object Object]在控制台中没有方法“mclock”模板。html:8（匿名函数）。你是在加载插件后进行调用的吗？（页面上的脚本顺序确实有所不同）嗨，保罗，当我把它做成插件时，时钟基本上不工作。手就是不动。我假设它与.js中的插件代码有关，没有正确链接到HTML中的代码，好像我没有“将其转化为”插件，那么它就可以正常工作。嗨，Paul，谢谢你的帮助。你的建议是去掉它，让Hello World正常工作，这很好，一定是语法错误，因为我现在所有的东西都在工作：）@Mark-是缺少的返回吗？在这种情况下，这就是答案-如果您仍然缺少retrun，那么这不是…？：）（和gld，以帮助任何一种方式，只要标记为答案，如果丢失的返回是正确的）我认为它丢失了一个}的地方，因为我让它显示只是一个警报中的hello world，它不会仍然说有错误。于是我重新制作了一个简单的插件，只需提醒Hello World，效果很好。然后我重新使用了以前的其他代码，但是使用了新的基本函数，并且工作正常。所以叶似乎有一个胭脂字符或一个失踪。但是，如果你不建议尝试一个简单的Hello World，谢谢你的帮助，我不会修复它：） 
/*
 * PLUGIN-NAME
 * PLUGIN-DESCRIPTION
 *
 * Copyright 2011 YOUR-NAME YOUR-WEBSITE-URL
 * Released under the MIT License
 */

(function($){

$.fn.PLUGIN_NAME = function(options) {

    var opts = $.extend({}, $.fn.PLUGIN_NAME.defaults, options);

    return this.each(function() {

    });

};

$.fn.PLUGIN_NAME.defaults = {
};

})(jQuery);