jquery插件和一个Click按钮

时间:2014-07-27 11:47:49

标签: javascript jquery

我认为这一定很容易,但我没有成功。我从我的插件中得到了这个

(function($) {
$.fn.Update = function() {
   console.log("Clicked");
}; 
})(jQuery);

这就在我想要使用的页面上:

<script src="~/Scripts/my.Plugin.js">

</script>

$(function() {
    $(".btnUpdate").click(function() {
        //TODO: Add the function from the plugin
        Update();
    });        
});

但我得到了     ReferenceError:未定义更新 并注意到当页面加载时,我没有进入函数内部,我只触及$ .fn.update并直接移动到最后。

欢迎任何帮助

2 个答案:

答案 0 :(得分:3)

使用$.fn.Update = function() {...}为jQuery所选元素添加一个新方法。

您可以使用以下方式调用该函数:

$.fn.Update();

$("...").Update();

使用$(foo).Update()$(foo)将在this函数内Update


您收到 Update is not defined 错误,因为您没有Update函数(全局声明),但是$.fn.Update

答案 1 :(得分:0)

您正在使用自己的插件调用方法。

您可以将bind $("#some_element").Update();添加到{{1}}

等元素中

在此处阅读更多内容:http://learn.jquery.com/plugins/basic-plugin-creation/