0

ここに画像の説明を入力jQuery UIのドラッグ可能関数を使用して、div内で画像をドラッグしたかったのです。

HTML:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="jQuery/jquery-1.8.3.min.js" type="text/javascript"></script>
<script src="jQuery/jquery-ui-1.9.2.custom.min.js" type="text/javascript"></script>
<script>
    $(document).ready(function () {
        $('#dragme').draggable();
    });
</script>
</head>
<body>
<div id="container" style="width:300px;height:300px;overflow:hidden;margin:auto;border:solid 1px black">
    <img src="http://img.thesun.co.uk/multimedia/archive/01650/greats_1650266a.jpg" id="dragme" />    
</div>
</body>
</html>

ここでデモを見ることができます。正常に動作しますが、IIS で同じものをホストしたときに問題が発生しました。http:// localhost/mysite を使用すると、ページは Chrome と IE で正常に動作しますが、IE で http:// servername/mysite を使用すると、ページが乱れます。画像全体がdivに表示されます。(スナップショット) . エラーページのスナップショット ただし、画像をドラッグすることはできます。

なぜこれが起こるのか理解できません。過去にも、http:// localhost/mysite と http:// servername/mysite の動作が異なるという問題に遭遇しました。

なぜこれが起こっているのか誰でも説明できますか？前もって感謝します。

4

1 に答える 1

4

IE はローカル Web アプリケーションを互換ビュー (IE9+)で読み込みますが、外部 Web サイトは IE9+ 標準ビューで読み込まれます。これが、Web サイトがIE7 ドキュメント モードでローカルに表示される理由です。これを変更するには、F12 を押して IE9 ドキュメント モードに変更します。IE に通常のビューでローカル サイトをロードさせたい場合はtools -> compatibility view settings、そこから localhost に移動して削除します。

于 2013-01-10T06:59:31.193 に答える