jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jquery插件如何维护对象的状态大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在尝试创建一个简单的插件,我面临着如何管理插件状态的问题.

(function ($) {
// Static things for plugin goes here
var uiHtml = "<div class='gaw-Box'>" +
      "</div>";



var methods = {


    init: function (options) {

        return this.each(function () {
            // Create UI
            $(this).html(uiHtml);

            if (options) {

                var defaults = {
                    name:"N/A"
                };

                var opt = $.extend(defaults,options);
                  $(this).find(".gaw-name").html(opt.name);
            }

            // Visual Events attach
            var uiobj = $(this).find(".gaw-Box");
            $(uiobj).mouseenter(function () {
                if (!this.isSELEcted) {
                    $(this).css('border','1px solid red');
                }
            });

            $(uiobj).mouSELEave(function () {
                if (!this.isSELEcted) {
                    $(this).css('border','1px solid black');
                }
            });

            $(uiobj).click(function () {
                this.isSELEcted = !this.isSELEcted;
                if (this.isSELEcted) {
                    $(this).css('border','3px solid red');
                }
                else {
                    $(this).css('border','1px solid black');
                }

            });

            });

    },getIsSELEcted: function (options) {

        return this.isSELEcted; // ALWAYS falSE
    },destroy: function () { }
};

$.fn.gateaway = function (method) {
    var plugin = this;

    plugin.isSELEcted = false;

    if (methods[method])
    {
        return methods[method].apply(plugin,Array.prototype.slice.call(arguments,1));
    } else if (typeof method === 'object' || !method) {
        return methods.init.apply(plugin,arguments);
    } else {
        $.error('Method ' + method + ' does not exist on jQuery.pluginName');
    }
};
})(jQuery);

我想要实现的是保存插件(对象)的状态,如果它被选中或不是.
我正在调用我的插件

$("#gate").gateaway('getIsSELEcted')

结果总是,假…我知道问题在于“这个”范围,这是我第一次在客户端上开发的问题,第二次我需要在今天完成它:-),所以如果它是有可能指出我在哪里或如何组织插件,以便能够保存每个插件的状态,它将节省我:-)

解决方法

看一下关于在插件中存储状态的官方jQuery文档: http://docs.jquery.com/Plugins/Authoring#Data

大佬总结

以上是大佬教程为你收集整理的jquery插件如何维护对象的状态全部内容,希望文章能够帮你解决jquery插件如何维护对象的状态所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。