Diferentes comportamientos al usar localhost y nombre de servidor
Quería arrastrar una imagen dentro de un div, lo que hice usando la función arrastrable de la interfaz de usuario jQuery.
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>
Puedes ver la demoaquí. Funciona bien, sin embargo, el problema comenzó cuando alojé lo mismo en IIS. Cuando uso http: // localhost / mysite, la página funciona bien en Chrome e IE, sin embargo, cuando uso http: // servername / mysite, en IE, la página se va a lanzar. La imagen completa se muestra en la div.(Instantánea). Aunque todavía puedo arrastrar la imagen.
No entiendo por qué sucede esto. También he encontrado problemas en el pasado donde el comportamiento de http: // localhost / mysite y http: // servername / mysite ha sido diferente.
¿Alguien puede explicar por qué esto está sucediendo? Gracias por adelantado.