输入类型范围显示文本框而不是滑块

var initSlider = function() {  
    $(\'input[type=range]\').each(function() {  
        var $input = $(this);  
        var $slider = $(\'<div id=\"\' + $input.attr(\'id\') + \'\" class=\"\' + $input.attr(\'class\') + \'\"></div>\');  
        var step = $input.attr(\'step\');  

        $input.after($slider).hide();  

        $slider.slider({  
            min: $input.attr(\'min\'),  
            max: $input.attr(\'max\'),  
            step: $input.attr(\'step\'),  
            change: function(e, ui) {  
                $(this).val(ui.value);  
            }  
        });  
    });  
};  

<input type=\"number\"

var i = document.createElement(\"input\"), safe = false;
        i.setAttribute(\"type\", \"range\");

        if(i.type !== \"text\"){
            i.value = \':)\';
            i.style.cssText = \'position:absolute;visibility:hidden;\';

            if (i.style.WebkitAppearance !== undefined ) {

                document.documentElement.appendChild(i);
                defaultView = document.defaultView;
                safe = defaultView.getComputedStyle &&
                       defaultView.getComputedStyle(i, null).WebkitAppearance !== \'textfield\' &&
                       (i.offsetHeight !== 0);

                document.documentElement.removeChild(i);

            }
        } 

        return safe? \'<input type=\"range\" />\': \'<input type=\"number\" />\';