Question

具体来说，我有一个div容器，它包含另一个div，它具有背景图像集。我想要完成的是制作一个拖动/滚动地图，类似于谷歌地图设计，减去缩放能力。在我的fiddle中，没有任何缺陷。但是，我的本地文件不允许此拖动/滚动功能。我使用Google的jQuery / UI开发人员链接仍无济于事。另外，我使用Dreamweaver CS6进行本地开发。任何帮助都会很棒。感谢

HTML：

<div id="container">
<div id="drag"></div>
</div>

CSS：

#drag {
width: 1000px;
height: 1100px;
background-image: url(http://www.shepherd.edu/university/visitors/images/campus.jpg);
}

#container {
width: 300px;
height: 200px;
overflow: hidden;
border: 2px solid green;
}

JS：

$(document).ready(function() {
$('#drag').draggable();
})

Answer 1

这可能不是你的问题，但可能会出现问题：

如果没有在您的页面上引用库（通常在<head>标记中），jQuery代码将无法运行。

此外，还有一些构建在 jQuery库之上的其他库，如Twitter的优秀bootstrap library或jQueryUI。在这些情况下，您需要两者 jQuery库和附加库 - 如下面第一个示例中的jQueryUI所示。

在页面上包含jQuery库有几个选项。

CDN（内容交付网络）是在线存储位置，网页可以抓取指定的代码，而无需将其存储在您的服务器上。 This is why a CDN is a good idea

一：1。使用CDN：

<head>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script>
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css" />
</head>

二：2。下载jQuery脚本：

转到此处：http://jquery.com/download/
点击您想要的版本
当您在浏览器中看到代码时，请将其保存到文本文件中
最简单的方法是将jquery.js文件存储在您的webroot中（通常是public_html），但您可以将其存储在任何地方（并将其命名为您想要的任何名称 - 您只需使用相同的名称/您在<script>代码中引用该位置时的位置。
以下示例将其存储在名为js
将其包含在您的头标记中，因此：

三：3。以上组合，后备

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" type="text/javascript"></script>
<script> window.jQuery || document.write('<script src="../js/jquery-1.10.2.min.js"><\/script>')</script>

以上代码执行此操作：

一个。从CDN加载jQuery库湾如果CDN没有加载，则从 my 服务器上的指定位置加载jQuery（注意，jQuery库也必须在您的服务器上，在指定的位置可用）。

备注：

您可以使用两种形式的jquery.js代码：minified和regular。不同之处在于缩小的代码加载速度，但常规代码代码是人类可读的。使用您想要的任何一个。如果您决定某天为自己的目的自定义jQuery库，则需要编辑人类可读的jQuery库。

jQuery ui无法识别

1 个答案: