2013-01-10 28 views
0

enter image description here我想在div内拖动一个图像,我使用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> 

你可以看到演示here。 工作正常,但是,当我在IIS上托管相同时,问题就开始了。 当我使用http:// localhost/mysite时,该页面可以在Chrome和IE上正常工作,但是当我在http:// servername/mysite上使用IE时,该页面会进行折腾。 整个图像显示在div上。 (Snapshot)Snapshot of the erroneous page 虽然我仍然可以拖动图像。

我不明白为什么会发生这种情况。过去我也遇到过问题,http:// localhost/mysite和http:// servername/mysite的行为有所不同。

任何人都可以请解释为什么会发生这种情况吗?提前致谢。

+0

你好,你能提供你的在线服务器链接? –

+0

即时在内部网上,对不起:( – Fahad

回答

4

IE加载本地网络应用程序兼容性视图(IE9 +)而外部网站正在加载IE9 +标准视图。这就是您在IE7文档模式本地看到您的网站的原因。您可以通过按F12并更改为IE9文档模式来更改此设置。如果您想让您的IE在常规视图中加载本地站点,请转至tools -> compatibility view settings并从那里删除本地主机。

+0

谢谢,我现在使用使它始终正确打开:) – Fahad

相关问题