Question

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上工作正常，但是当我在IE上使用http：// servername / mysite时，页面会进行折腾。整个图像显示在div上。 (Snapshot)。 Snapshot of the erroneous page 不过，我仍然可以拖动图像。

我不明白为什么会这样。我在过去也遇到过问题，http：// localhost / mysite和http：// servername / mysite的行为也不同。

任何人都可以解释为什么会这样吗？提前谢谢。

Answer 1

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

使用localhost和服务器名称时的不同行为

1 个答案: