0

在此处输入图像描述我想在 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>

你可以在这里看到演示。工作正常，但是，当我在 IIS 上托管相同的内容时，问题就开始了。当我使用 http://localhost/mysite 时，该页面在 Chrome 和 IE 上运行良好，但是当我在 IE 上使用 http://servername/mysite 时，该页面会被折腾。整个图像显示在 div 上。（快照）。 错误页面的快照 不过，我仍然可以拖动图像。

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

谁能解释为什么会这样？提前致谢。

4

1 回答 1

4

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

于 2013-01-10T06:59:31.193 回答