Diferentes comportamientos al usar localhost y nombre de servidor
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).
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.