HTML5输入类型日历，颜色和范围

Question

在开发我的网站时，我遇到了一些关于Firefox和Internet Explorer等浏览器兼容性的问题。

我也有这样的代码，在我的文档的头：

<!-- HTML5 Shim --> 
     <!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->  
     <!-- Modernizr --> 
     <script src="modernizr.js"></script> 
     <!-- Webforms2 --> 

     <!-- jQuery --> 
     <script src="js/jquery-1.4.3.min.js"></script> 
     <script src="js/jquery-ui-1.8.5.min.js"></script> 
     <!-- jQuery Color Picker --> 
     <link rel="stylesheet" href="colorpicker.css"> 
     <script src="colorpicker.js"></script> 
     <!-- jQuery Numeric Spinner --> 
     <script src="spinner.js"></script> 
      <!-- jQuery Placehol 
      <script src="jquery.placehold-0.2.min.js"></script> --> 

在我的页面的主体，我有：

<!-- Script DATE --> 
    <script> 
    var initDatepicker = function() { 
    $('input[type=date]').each(function() { 
     var $input = $(this); 
     $input.datepicker({ 
      minDate: $input.attr('min'), 
      maxDate: $input.attr('max'), 
      dateFormat: 'dd/mm/yy' 
     }); 
    }); 
}; 

if(!Modernizr.inputtypes.date){ 
    $(document).ready(initDatepicker); 
}; 
    </script> 

    <!-- Script COLOR --> 
    <script> 
    var initColorpicker = function() { 
    $('input[type=color]').each(function() { 
     var $input = $(this); 
     $input.ColorPicker({ 
      onSubmit: function(hsb, hex, rgb, el) { 
       $(el).val(hex); 
       $(el).ColorPickerHide(); 
      } 
     }); 
    }); 
}; 

if(!Modernizr.inputtypes.color){ 
    $(document).ready(initColorpicker); 
}; 
    </script> 


<!-- Script Slider --> 
<script> 
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); 
      } 
     }); 
    }); 
}; 
</script> 

我已经是关于PHP页面的问题，因为当我在index.php所有工作正常。

当我继续index.php?p=som_page时，无论p上的参数是什么，脚本都不起作用了。

我有点迷路，因为在页面上我只包含没有头的函数，没有包含div的函数。

但是当我回到index.php时，再次正常工作。

只有当我在Firefox或Internet Explorer上时，才会出现此问题。当我使用Chrome时，输入类型日期，颜色或范围都可以正常工作。

Answer 1

目前，<input type="color" name="favcolor">不支持IE，Firefox或Safari。 http://www.w3schools.com/html/html5_form_input_types.asp