html - HTML5 入力タイプのカレンダー、色、および範囲

Question

Web サイトを開発しているときに、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 を使用すると、入力タイプの日付、色、または範囲ですべて正常に動作します。