Comportamentos diferentes ao usar localhost e nome do servidor
Eu queria arrastar uma imagem em torno de uma div, o que fiz usando a função arrastável da jQuery UI.
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>
Você pode ver a demonstraçãoAqui. Funciona bem, no entanto, o problema começou quando eu hospedei o mesmo no IIS. Quando eu uso http: // localhost / mysite, a página funciona bem no Chrome e IE, no entanto, quando eu uso http: // servername / mysite, no IE, a página vai para um lance. A imagem inteira é mostrada no div.(Instantâneo). Eu ainda posso arrastar a imagem, no entanto.
Não consigo entender por que isso acontece. Eu encontrei problemas no passado, bem como onde o comportamento de http: // localhost / mysite e http: // servername / mysite foram diferentes.
Alguém pode por favor explicar por que isso está acontecendo? Desde já, obrigado.