Ajax Jquery .load 함수가 Internet Explorer 9에서 작동하지 않습니다.

-1

로드 버튼을 클릭하면 워터 마크 플러그인을 사용하는 내 preview.php 파일이 IE 9에서 올바르게로드되지 않습니다. 그것은 다른 브라우저와 잘 작동합니다. 나는 일반적으로 Jquery와 이러한 브라우저 호환성 문제가 있습니다. 어떻게 처리 할 수 있습니까? 그 정확한 코드 인 경우 난 당신이 닫는 HTML 태그를 놓치고,Ajax Jquery .load 함수가 Internet Explorer 9에서 작동하지 않습니다.

<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> 
    <style type="text/css"> 
     div.watermark 
     { 
      border:1px dashed #000; 
     } 
     img.watermark:hover{ 
      cursor:move; 
     } 
    </style> 

    <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> 



    <h1>Image Watermark !</h1> 
    <br /> 
    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;" /> 
    <hr /> 

    <img src="1.jpg" id="watermarked" /> 
    <br /> 
    Opacit&eacute;: <div id="sliderdiv" style="width:200px;"></div> 
    <br /> 
    <br /> 
    </body> 
    </html>

출처

2011-11-12 Srikanth

내가 맨 오에'당신이'를 누락 생각 첫 번째 페이지 .. 이것은 IE를 단점 모드로 바꾼다 – Mottie

또한 IE9의 출시일에 더 가까운 버전의 jquery를 사용하는 데 도움이 될 수있다. 문제는로드 된 스크립트에서 document.ready를 사용하여 코드가 올바른 순서로 실행된다고 가정하는 것과 관련이 있습니다. 이 가정의 문제는 코드가 위에서 아래로 실행된다는 것입니다. 문서가 이미 준비되었으므로 코드가 추가 된 후 html보다 먼저 실행됩니다. –

응답 텍스트 및 오류 응답 텍스트를 검사하기 위해 $ (el) .load를 $ .ajax로 변경하는 것과 같은 디버깅을 수행 했습니까? –

실제로 posthttp2.php 파일이 그래 당신은 정의 적절한 문서 타입이 있어야합니다

첫번째 HTML 문서 코드 :

<html>

은 다음과 같아야합니다

</html>

출처

2011-11-12 23:22:58

Ajax Jquery .load 함수가 Internet Explorer 9에서 작동하지 않습니다.

답변

관련 문제