请针对下面提到的场景提出解决方案
背景(jQuery插件):
$.fn.myplugin = function (action) {
if (actions[action]) {
return actions[action].apply(this, Array.prototype.slice.call(arguments, 1));
} else if (typeof action === 'object' || !action) {
return actions.init.apply(this, arguments);
} else {
$.error('Action ' + action + ' does not exist on myplugin');
return this;
}
};
和variable actions如下所示:
var actions = {
init: function (options) {
if (this.length) {
var settings = $.extend({}, $.fn.myplugin.defaults);
return this.each(function () {
if (options) {
settings = $.extend(settings, options);
}
$(this).data('myplugin', new MyPlugin($(this), settings));
});
} else {
throw new Error('unable to init undefined');
}
},
update: function () {
...
},
destroy: function () {
...
}
};
和MyPlugin看起来像
function MyPlugin($el, settings) {
var $content = $('.content', $el);
var a = function setup() { ... };
var b = function hold() { ... }
$content.on({
'click': function(e) { ... },
'hover': function(e) { ... }
});
}
我知道我可以将$.cache转储到控制台,并查看.data()中关联的内容。
想要的问题/建议:
如果我调用像$('myEle').myplugin('update')
这样的更新函数,那么我需要update function
来更改使用.data()
创建和缓存的MyPlugin实例的状态。有哪些可能的方法可以做到这一点?
我当前的$('myEle').data('myplugin')
结果显示MyPlugin{}
在花括号之间没有任何东西。
https://stackoverflow.com/questions/16067923
复制相似问题