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

ウォーターマークプラグインを使用している私の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>
1
私は最初のページの先頭に <�!DOCTYPE html> がないと思います。これはIEをquirksモードにします
追加された 著者 Mottie,
また、IE9のリリース日に近いリリースのjqueryの新しいバージョンを使用することもできます。おそらくあなたの問題は、コードが適切な順序で実行されることを想定するために、読み込まれたスクリプトでdocument.readyを使用することと関係しています。その前提の問題は、コードが上から下に実行され、ドキュメントがすでに準備されているので、コードは追加された後でhtmlより前に実行されることです。
追加された 著者 Kevin B,
応答テキストとエラー応答テキストを調べるために$(el).loadを$ .ajaxに変更するなど、デバッグを行ったことがありますか?
追加された 著者 Kevin B,
すべての今働いていただきありがとうございます
追加された 著者 Srikanth,

1 答え

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

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

<html> 

次のようにする:

</html>
0
追加された
PHP - 日本のコミュニティ [ja]
PHP - 日本のコミュニティ [ja]
4 参加者の

このグループではPHPについて話します。 パートナー:kotaeta.com

JavaScript - 日本のコミュニティ
JavaScript - 日本のコミュニティ
2 参加者の

日本人コミュニティのjavascript