javascript - Jquery 可拖动不工作 2

标签 javascript jquery html css jquery-ui

<分区>


想改进这个问题吗? 更新问题,使其只关注一个问题 editing this post .

关闭 7 年前

所以我正在尝试使用 jquery 使元素可拖动,但它在这里不起作用是代码

<html>
   <head>
      <link rel="stylesheet" href="https://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
      <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
      <script src="https://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
     <style>
        #console {
            background-color: #000000;
        }
     </style>
    </head>
    <body>
       <div id="console">

       </div>
      <script>
          $(function() {
              $( "#draggable" ).draggable();
         });
      </script>
  </body>
</html>

最佳答案

你需要一个元素来拖动。不存在任何具有 id draggable 且您为其实例化 dragging 的此类元素。我假设您想使用 id console 拖动 div ,因此您需要在该特定元素上初始化 draggable ,例如$( "#console").draggable();.以下是工作片段

$(function() {
  $("#console").draggable();
});
#console {
  background-color: #000000;
  width: 300px;
  height: 300px;
}
<link rel="stylesheet" href="https://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<script src="https://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>

<div id="console">
</div>

关于javascript - Jquery 可拖动不工作 2,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37476515/

上一篇:html - 背景图片加载速度快 onload 无白底

下一篇:css - Grayscale Bootstrap Navbar - 改变颜色

相关文章:

javascript - 循环 HTMLCollection 时包装元素会导致问题

javascript - 如何根据环境启用/禁用javascript?

javascript - 如何获得动态创建的 ID?

javascript - 如何用 html 元素替换粗体、下划线等文本?

javascript - 打印前预览按页面划分的 HTML

javascript - 将 Enter 从提交更改为 Tab?

javascript - 为什么我们需要返回一个流而不是直接调度一个值?

javascript - Jquery 鼠标悬停子菜单滑出高度

javascript - 如何使用 jQuery 在输入之前按下按键

html - Bootstrap Carousel 在更改幻灯片时自动滚动整个页面