Question

我正在制作自己的小时间选择器，称之为xxxtimepicker。我会粘贴一些代码，但问题是没有任何反应。制作像datepicker一样工作的插件时的任何提示/技巧和帮助吗？

    (function($){

    var popupname = "timepickerpopup";

    function OpenWindow(parentObj) {

        var popup = $('<div id="'+popupname+'" style="">POPUP</div>');
        var offset = $(parentObj).offset();
        offset.top += 20;

        $(popup).offset( offset );

        $("body").append(popup);
        $("body").append('<script>$("#timepickerpopup").dialog({autoOpen: false});</script>');
    }

    function CloseWindow() {
        $("#"+popupname).remove();
    }

    $.fn.extend({

        xxxtimepicker: function() {

            var defaults = {
                varname: "val",
                var2name: "val"
            };

            var options = $.extend(defaults, options);

            return this.each(function() {

                var o = options;
                var obj = $(this);

                obj.bind("focus", OpenWindow(this));
                obj.bind("blur", CloseWindow);

            });
        }

    });

})(jQuery);

Answer 1

放置函数OpenWindow（）＆amp; CloseWindow（）在xxxtimepicker函数内。提示：不要使用像popupname这样的全局变量，它会在一个页面上为多个xxxtimepicker创建问题。

帮助我开始使用自己的jquery插件

1 个答案: