Javascript jquery插件和单击按钮
我想这一定很容易,但我没能做到。我有一个从我的插件这一点Javascript jquery插件和单击按钮,javascript,jquery,Javascript,Jquery,我想这一定很容易,但我没能做到。我有一个从我的插件这一点 (function($) { $.fn.Update = function() { console.log("Clicked"); }; })(jQuery); 在我想使用的页面上: <script src="~/Scripts/my.Plugin.js"> </script> $(function() { $(".btnUpdate").click(function() {
(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();
});
});
$(函数(){
$(“.btnUpdate”)。单击(函数(){
//TODO:从插件添加函数
更新();
});
});
但是我越来越
ReferenceError:未定义更新
并注意到当页面加载时,我没有进入函数内部,我只触摸$.fn.update并直接移动到末尾
欢迎使用
$.fn.Update=function(){…}
向jQuery选定元素添加新方法
您可以使用以下方法调用该函数:
$.fn.Update();
或
使用$(foo).Update()
,$(foo)
将此
放在更新
函数内
您得到的
更新未定义
错误是因为您没有任何更新
函数(全局声明),但是$.fn.Update
您正在从自己的插件调用一个方法
您可以将它绑定到$(“#some_元素”).Update()之类的元素代码>
在此处阅读更多信息:尝试如下调用函数:$().Update()代码>。谢谢Ben做了这个诡计,我的坏朋友。我忘了它使用的是$。fn
@ben被接受为答案,因为我认为在添加事件/操作DOM时这是正确的,它不适用于我的情况。对于任何希望在单击按钮时使用插件的人,则$().Update为我提供了窍门。@JackM如果您的插件与DOM不交互,您只需将其附加到$
:$.Update=function(){…}
。然后您将直接调用它:$.Update()
。
$("...").Update();