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