JQuery SELECT单选模拟jQuery.select.js

2020-05-22 16:30:34易采站长站整理

            var windowspace = ($(window).scrollTop() + document.documentElement.clientHeight) – $(this).offset().top;
            var ulspace = $(‘#’+selectId+’ > div > ul’).outerHeight(true);
            var windowspace2 = $(this).offset().top – $(window).scrollTop() – ulspace;
            if (windowspace < ulspace && windowspace2 > 0) {
                $(‘#’+selectId+’ > div > ul’).css({top:-ulspace});
            }else{
                $(‘#’+selectId+’ > div > ul’).css({top:$(‘#’+selectId+’ > div > h4′).outerHeight(true)});
            }
            selectIndex = $(‘#’+selectId+’ > div > ul > li’).index($(‘.selectedli’)[0]);
            $(window).scroll(function(){
                var windowspace = ($(window).scrollTop() + document.documentElement.clientHeight) – $(‘#’+selectId).offset().top;
                var ulspace = $(‘#’+selectId+’ > div > ul’).outerHeight(true);
                if (windowspace < ulspace) {
                    $(‘#’+selectId+’ > div > ul’).css({top:-ulspace});
                }else{
                    $(‘#’+selectId+’ > div > ul’).css({top:$(‘#’+selectId+’ > div > h4′).outerHeight(true)});
                }
            });
            //响应鼠标点击选择
            $(‘#’+selectId+’ > div > ul > li’).click(function(e){