Ajax Jquery .load関数がInternet Explorer 9で機能しない

コメントする / それ / By root

ウォーターマークプラグインを使用している私のpreview.phpファイルは、ロードボタンをクリックするとIE
9で正しく読み込まれません。他のブラウザでもうまく動作します。私は一般にJqueryとのこれらのブラウザの互換性の問題を抱えています。どうすればそれらを処理できますか？
私はposthttp2.phpファイルを持っています

   <html>
   <body>
   <form method="post" enctype="multipart/form-data" action="preview3.php">

   <input id="button" type="button" value="load"/>
   </form>
   <div id="feedback"> </div>
   <script type="text/javascript" src="js/jquery.js" > </script>
  <script type="text/javascript" src="js/ajax3.js" > </script>

   </body>
   <html>

   And the Ajax file is ajax3.js

    $(document).ready(function(){
     $('#button').click(function() {

   $('#feedback').load("preview3.php");
    });

    )};



  I have a preview.php file

  <!DOCTYPE HTML>
   <html>
  <head>
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>JQuery Image Watermark</title>
    <link type="text/css" href="css/proj.css" rel="stylesheet" />

     <script type="text/javascript" src="js/jquery.js"></script>
            <script type="text/javascript" src="js/ajax.js"></script>
    <link type="text/css" href="css/jquery-ui-1.8.6.custom.css" rel="stylesheet" />
    <script type="text/javascript" src="jss/jquery-1.4.2.min.js"></script>
    <script type="text/javascript" src="jss/jquery-ui-1.8.6.custom.min.js"></script>
    <script type="text/javascript" src="jss/jquery-watermarker-0.3.js"></script>

    <script type="text/javascript">
    //<!--
        $(document).ready(function(){
            $('#watermarked').Watermarker({
                watermark_img:      'a.png',
                onChange:           showCoords
            });
        });
        function showCoords(c)
        {
            $('#x').val(c.x);
            $('#y').val(c.y);
            $('#w').val(c.w);
            $('#h').val(c.h);
            $('#a').val(c.opacity);
        };
     //-->
        </script>
       </head>
    <body>

`Image Watermark !`

    

    X: <input type="text" id="x" name="x" value="" style="width:30px;" />
    Y: <input type="text" id="y" name="y" value="" style="width:30px;" />
    W: <input type="text" id="w" name="w" value="" style="width:30px;" />
    H: <input type="text" id="h" name="h" value="" style="width:30px;" />
    A: <input type="text" id="a" name="a" value="" style="width:30px;" />

    
    

    Opacité: <div id="sliderdiv" style="width:200px;"></div>
    

    

     </body>
     </html>

ベストアンサー

実際にはそれが正確なコードであれば、閉じたHTMLタグが見つからないので、適切なdoctypeを定義する必要があります。

最初のhtmlドキュメントコード：

<html>

次のようにする：

</html>

コメントする返信をキャンセル