-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é: <div id="sliderdiv" style="width:200px;"></div>
<br />
<br />
</body>
</html>
私はあなたがトップOに ''が欠けていると思いますf最初のページ..これはIEを奇妙なモードにします – Mottie
IE9のリリース日に近いリリースのjqueryの新しいバージョンを使用するのに役立つかもしれません。おそらくあなたの問題は、コードが適切な順序で実行されることを想定するために、読み込まれたスクリプトでdocument.readyを使用することと関係しています。その前提の問題は、コードが上から下に実行され、文書がすでに準備されているので、コードは追加された後でhtmlより前に実行されることです。 –
$（el）.loadを$ .ajaxに変更して、応答テキストとエラー応答テキストを調べるなど、デバッグを行ったことがありますか？ –