开发者

Help with getting started on my own jquery plugin

开发者 https://www.devze.com 2023-03-14 18:53 出处:网络
Im making my own little timepicker, calling it xxxtimepicker. Ill paste some code belowe, but the problem is that nothing happens. Any tips/tricks and help when making a addon that works like datepick

Im making my own little timepicker, calling it xxxtimepicker. Ill paste some code belowe, but the problem is that nothing happens. Any tips/tricks and help when making a addon that works like datepicker?

    (function($){

    var popupname = "timepickerpopup";

    function OpenWindow(parentObj) {

        var popup = $('<div id="'+popupname+'" style="">POPUP</div>');
        var offset = $(parentObj).offs开发者_如何学Goet();
        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);


Put functions OpenWindow() & CloseWindow() inside xxxtimepicker function. Tip: don't use global variables like popupname it creates problems for multiple xxxtimepicker on one page.

0

精彩评论

暂无评论...
验证码 换一张
取 消