Unterschiedliches Verhalten bei Verwendung von localhost und Servername
Ich wollte ein Bild innerhalb eines Div ziehen, was ich mit der Funktion jQuery UI draggable gemacht habe.
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>
Sie können die Demo sehenHier. Funktioniert jedoch einwandfrei, das Problem begann, als ich dasselbe auf IIS hostete. Wenn ich http: // localhost / mysite verwende, funktioniert die Seite in Chrome und IE einwandfrei. Wenn ich jedoch http: // servername / mysite verwende, wird die Seite in IE geworfen. Das gesamte Bild wird auf dem Div angezeigt.(Schnappschuss). Ich kann das Bild trotzdem verschieben.
Ich verstehe nicht, warum das passiert. Ich habe in der Vergangenheit auch Probleme festgestellt, bei denen das Verhalten von http: // localhost / mysite und http: // servername / mysite unterschiedlich war.
Kann jemand bitte erklären, warum dies geschieht? Danke im Voraus.