当我使用TwitterBootstra2.1.1、jQuery UI引导程序1.8.16和Backbone.js创建一个简单的滑块时，当我试图拖动滑块手柄(它不跟随拖动)时，会出现以下错误：
JS误差
Uncaught TypeError: Cannot call method 'addClass' of undefined
<div id="slider"></div>
JS
renderSlider: function() {
this.$el.find('#slider').slider({
浏览 7提问于2012-10-05得票数 0
回答已采纳
我注意到，当你第一次拖动它，然后取消拖动时，被拖动项中的js会再次触发，之后，一切看起来都很正常，你知道吗？
浏览 3提问于2010-04-21得票数 1
所以我想在画布上画一条线(在3D中)，并让它在鼠标拖动这条线(拖动它的一些点)时可以旋转(在3D中)(更好的做法是不使用任何专门的库-纯无库JS...)？
浏览 2提问于2010-12-30得票数 7
回答已采纳
2回答
我有两个街区，“可拖”和“可排序”。在“可拖”的内部，我没有几个可以拖动到“可排序”的项目。
我想有可能点击一个项目内的“可拖动”，并自动拖动到“可排序”。
这是我的JS：
$(".sortableList").sortable({
placeholder: 'ui-state-highlight',
});
$('.sortableList').disableSelection();
$(".draggable").draggable({
connectToSortable: '.sortableList&#
浏览 7提问于2014-09-29得票数 0
回答已采纳
1回答
我有以下代码()。我想使用红色SVG矩形作为可拖放的div元素的句柄，但是因为SVG元素不是div的子元素，所以不可能。这样做的目的是让句柄(红色重新)触发div的拖动事件，当div被拖动时，代码更新红色SVG矩形的位置。如何使SVG矩形充当div的拖动句柄(因此SVG元素不是div元素的子元素)？
我已经测试过将SVG作为div的一个子类，并使用SVG作为句柄，这是正常工作的。当我拖动SVG时，div和SVG在拖动时被移动。但问题是，SVG元素本身也会被拖动。但是，我不希望SVG元素本身在拖动时被移动，只希望rect和div。
编辑:当按下sort上的鼠标时，某种形式的div拖动事件出现在我
浏览 5提问于2012-10-12得票数 1
回答已采纳
1回答
我正在尝试使用和D3.js构建一个基于Meteor.js的增强力布局图。
问题是：
在这个项目中，以及在涉及到流星框架内的鼠标移动事件的其他项目中，结合鼠标事件功能导致应用程序中断.。
断断续续，我的意思是要么崩溃，扔错鼠标拖动等，或采取其他不守规矩的行为。
有两个问题是真的：
，为什么会发生这种事？，是什么导致了这种令人沮丧的行为？这个问题是可以解决的，还是我需要尝试使用不同的框架构建这个应用程序？
我怎样才能防止这种行为或者绕开它呢？我尝试为图形节点使用div构建相同的应用程序，并使用jquery的可拖动特性来拖动whem，这很好，但这是一种黑客，因为我仍然不能使用D3功能，比如刷
浏览 6提问于2015-02-26得票数 0
2回答
我正在跟踪鼠标向下的状态，不仅鼠标辅助按钮在未能交付mousedown事件时触发mouseup事件，而且拖动所选内容的情况也是如此(注意，这与拖动到select不同)。
目前，我正在Mac上的Safari 6上体验这种情况，如果我在其他平台/系统上看到它，我会向您报告。
有没有办法拦截这个，这样我的JS程序就不会对正在发生的事情感到困惑了吗？对于次要按钮的情况，我只需在我的处理程序中检查event.which === 3，不要将我的按钮标记为down，这就解决了这一点，但我也使用左边按钮开始拖动选定的文本。
浏览 6提问于2012-12-30得票数 1
回答已采纳
1回答
Interact.js库
我有一个多个元素，每个元素都有自己的可交互实例。如何在拖动时在实例之间切换？因此，拖放将继续使用另一个元素。
任务听起来很奇怪，但它很简单--我为小屏幕做了一个选择--当用户单击一个元素并“开始拖动”时，它会停留在原地，但是Y轴用于改变当前选择的“滚筒”，X轴(当增量较大时)将开始真正的拖动。但是有了新元素，以前没有一个被点击。
我所需要的就是在从“滚筒”阶段切换到“真正拖动”阶段的过程中改变拖动源。
有点像
event.interaction.stop();
event.interaction.start({ name: 'drag' }, anot
浏览 1提问于2017-04-24得票数 0
回答已采纳
我正在处理拖放表，如本例所示：
我想知道是否可以在开始拖动项目时调用JS代码来隐藏/显示组件。
请指教，谢谢。
浏览 0提问于2013-04-28得票数 0
回答已采纳
1回答
我一直把头撞在墙上想弄清楚。我找到了一个例子，说明了我试图通过Sortable.js库回购所做的事情，但是我还没有能够使用实现它。
我的原理是添加一个<draggable/>元素，该元素与其他元素位于同一个group中，并侦听其中的@add事件，然后从其列表中删除该拖放元素。
其中一个问题(可能)是，我试图指定一个“垃圾”按钮作为删除区域，如果它引用相同的可拖动group，则该拖动元素将被追加到按钮组并抛出整个UI。所以，有一件非常重要的事情，因为有某种用户反馈(例如，当拖放元素悬停时，垃圾图标会变红)，但是拖动的元素不应该插入到按钮组中。
初始拖动状态
打算删除行动
浏览 1提问于2018-07-31得票数 4
回答已采纳
我需要手动构造/触发鼠标向下事件，这种方式可以由任何相关的事件处理程序(无论是在JS、jQuery还是interact.js中)处理，就像自然的鼠标向下事件一样。然而，这个事件似乎并没有像我期望的那样触发任何事情。
我正在尝试使用interact.js库使一些不规则形状的图像可拖动。图像只是带有透明部分的矩形img元素。在每个元素上，我定义了2个interact.js事件侦听器：
检查单击是否在图像区域内，如果没有，则禁用拖动(在“向下”事件中触发)
处理拖动(在“拖动”事件中触发)
但是，如果img元素是重叠的，并且用户单击顶部元素的透明区域，但单击下面元素的填充区域，则较低
浏览 4提问于2016-03-15得票数 26
回答已采纳
我有一个从本教程创建的拖放UI，
当我不想让小部件不可拖动/不可排序时，我就遇到了问题。目前设置为不能拖动“Widget 1”。如果我将其从widgetIndividual对象中删除，则会破坏整个功能。理想情况下，这些应该在页面上定义，而不是在单独的js文件中定义。
如果我从widgetIndividual中删除以下代码，它会破坏一切。
weather : {
movable: false,
removable: true,
collapsible: true,
浏览 2提问于2012-02-05得票数 1
回答已采纳
拖动vis.js库中的网络节点高亮/选择该节点，当拖动结束时，该节点仍会出现高亮显示/选中。我希望防止这种行为，这样节点就只能在click上选择，而不是在drag上选择，或者在拖动结束时更好地清除该高亮显示。我相信这是可能的通过dragEnd网络事件，但我玩了一点，但没有成功。有什么暗示吗？
行为示例：
浏览 8提问于2022-07-18得票数 1
回答已采纳
我看到了使用Chrome的jQuery UI可拖动元素的奇怪行为。在下面的代码中，我创建了两个有色块，您可以在浏览器窗口中拖动这些块。试试吧，。使用IE8和FF3一切都很好，但是对于Chrome，有两件坏事发生了：
当你点击任何一个块时，光标就变成了一个I-光束.注意:这个页面上没有文本！
把一个街区放在另一个街区的顶上(绿色的街区在顶部)。现在单击该块并拖动它。光标会变成一个，但是仍然可以拖动。现在放手吧。，而不是被删除的块，它仍然被拖动，即使鼠标按钮现在是向上的。
这似乎是way的一个简单例子，不足以打破Chrome或jQuery。
我是不是遗漏了什么？
<html&
浏览 0提问于2010-12-22得票数 5
回答已采纳
在Three.js中，有没有一种方法可以将单击事件绑定到对象，以便在单击对象时更新div元素的内容？如下所示(请注意，我也在使用jQuery )：
mesh.click(function(){
$('#myDiv').html('Hello Goober');
});
我还使用了OrbitControls，它允许用户左键单击并拖动场景来旋转它，右击并拖动场景来平移。我希望保留该功能，同时还可以像上面描述的那样处理网格上的一次单击。
浏览 0提问于2014-03-27得票数 0
1回答
光标类型:仅在拖动时移动
、、、、
我实现了一个元素，使其具有一个具有游标类型"move“的JQuery UI拖动函数。我有一个元素，它嵌套在draggable div中，让我们把它称为‘in’，它有一个onclick事件，当您悬停在它上面时，光标会更改为“指针”(通过CSS)。
我想要达到的目标：
无论鼠标在哪个元素上，无论是在inner上还是在draggable上，我都希望光标在拖动它时是“移动”。
我还希望inner有一个光标类型的“指针”，无论何时悬停或点击。但是，一旦你开始拖动它，光标应该改变为“移动”。
实际发生了什么
当光标在inner上，并且开始拖动时，光标保持“指针”，它不会更改为“移动
浏览 2提问于2015-12-03得票数 4
回答已采纳
1回答
假设我有一个包含多行的框/表。这些行是可拖动的。
现在我有了一个JS，其中我为iPad....Basically实现了touchstart、touchmove、touchend的事件处理程序，它们只是将这些事件映射到相应的鼠标事件，如鼠标悬停、鼠标按下、鼠标向上等等
现在是我的问题所在；
虽然我可以拖动表中的任何行，但我也希望能够滚动它。当我按下屏幕上的任何手指并向下拖动时，它会对该行执行拖动操作(因为我使用event.preventDefault()进行触摸移动，以防止默认的滚动区域)。
现在我明白了，我不能用一根手指同时完成两个动作(拖动/滚动)。所以当使用两个手指时，我想实现/有一个滚动
浏览 0提问于2011-07-21得票数 0
回答已采纳
我正在使用离子距离滑块来显示一些温度值。我喜欢它显示的方式。 我不想让用户滑动它。如何禁用滑块 我找不到任何可挖掘拖动的选项 这是我正在使用的html和js。 <input type="text" class="js-range-slider" name="my_range" value=""
data-min="40"
data-max="
浏览 8提问于2021-02-05得票数 1
回答已采纳
1回答
我有一张svg图像。我想要在鼠标滚动和拖动图像时进行缩放。当它是一个图像时，我可以拖动和缩放它。但是我希望svg图像在对象中，以便进一步编辑。
<div id="pcontainer1" class="pancontainer"> <img src="abc.svg" id="abc_svg" data="abc.svg" width="900" type="image/svg+xml" height="900"/> </div&
浏览 6提问于2016-04-08得票数 1
当您选择一个JvTreeView的多个节点，然后尝试拖动这些节点时，JvTreeView将选择您单击的要拖动的节点，而不是启动拖动所选节点的all。最后只能拖动这个节点。
在JvTreeView中可以拖动多个节点吗？我正在使用Delphi 2007。
更新:非常奇怪的是，如果我在拖动项目时按住CTRL+SHIFT，就可以成功地将它们全部拖动。有什么想法吗？
浏览 2提问于2011-02-24得票数 1
回答已采纳
2回答
我正在使用。我给主div增加了可拖的功能。现在，在所有子元素中，它也是可拖动的。如果父文件是可拖动的，如何禁用子div中的拖动？
$(function() {
$("#draggable").draggable();
});
#draggable {
width: 150px;
height: 150px;
padding: 0.5em;
border: black solid 2px;
}
.noDrag {
width: 100px;
height: 50px;
border: blue solid 2px;
}
<script
浏览 6提问于2017-09-15得票数 5
回答已采纳
1回答
背景：
我目前正在开发一个平面图编辑器，用户可以在其中创建一个房子的平面图。
场景和问题：
有时，用户可能想要建造一个不是矩形而是L形的房间。我想让用户选择拆分房间的特定墙，然后拖动拆分墙的一部分-从而创建一个L形。这可以在这个令人惊叹的中查看得最好，在这里可以选择房间的一面墙，然后拆分，并可以拖动其中一个拆分部分。
问题：
A>如何在Raphaeljs中复制此功能？请记住，稍后我将不得不访问房间的尺寸以进行一些计算。
B>是否还有其他方法(SVG/CANVAS等)或者任何其他的库(processing.js，page.js，kinect.js，jQuery SVG等)，我可以在其
浏览 3提问于2012-09-05得票数 0
回答已采纳
使用JQuery，我试图让多个元素在所有元素都有相同的ID时是可拖动的。使用JQuery可以做到吗？
(这里有两个id为"draggable“的div，我想让这两个div都是可拖动的。)
相关代码如下：
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>jQuery UI Draggable - Default functionality</title>
<l
浏览 0提问于2012-12-06得票数 2
回答已采纳
2回答
我正在使用这个HTML，CSS和Javascript代码(如果你想测试它，在一个文档中)：
<style type="text/css">
#slider_container {
width: 200px;
height: 30px;
background-color: red;
display:block;
}
#slider {
width: 20px;
height: 30px;
background-color: blue;
display:block;
position:absolu
浏览 3提问于2010-03-12得票数 8
回答已采纳
我最近正在做一个使用fabric.js的项目，画布中的元素可以拖动拉伸等，我需要在画布上添加一个不会影响我的元素的水印，并使它能够点击通过水印，有什么例子吗？
浏览 0提问于2016-05-22得票数 0
3回答
我知道如何使用JS获取div的位置，我正在使用Jquery的可拖动脚本，并且有一个事件，当用户停止拖动时，它应该获得div的位置(顶部和左侧)：
document.getElementById('object').style.top;
document.getElementById('object').style.left;
现在的问题是如何将这些坐标放入php会话中……？
浏览 1提问于2011-05-24得票数 1
回答已采纳
1回答
我已经在页面中拖动了预定义的表单组件。
我想配置这个表单组件，即默认情况下它指向它自己，数据以BulkEditor形式出现。我希望我的数据被提交到我自己的servlet。那么我如何使action="/MyServlet“
我还想在这个页面中包含我的.js验证，我尝试使用这个链接，但是我没有在页面属性中添加.js的选项，为什么？
浏览 3提问于2014-03-12得票数 0
回答已采纳
我使用的是fabric js，我只需要显示对象的边界框，而不是在拖动过程中显示整个对象。意思是说对象是固定的，直到我停止拖放。
浏览 0提问于2013-11-14得票数 1
回答已采纳
Google地图即使在使其成为现实之后也是不可拖动的。
复制步骤:在新选项卡中加载带有地图的页面，检查并进入移动视图而不执行任何操作。现在，在移动视图中，将地图左右向上拖动，它将无法工作.
请运行代码段。
var map;
function initMap() {
map = new google.maps.Map(document.getElementById('map'), {
center: {lat: -34.397, lng: 150.644},
zoom: 8,
浏览 1提问于2017-02-01得票数 1
回答已采纳
1回答
首先看一下这个
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css">
<script src="script.js"></script>
</head>
<body>
<h1>Hello Plunker!</h1>
<div style="height:100px;width:10
浏览 2提问于2017-04-05得票数 0
我在地图上点击的时候设置了一个标记。我使用MarkerWithLabel。
我使用可拖动标记。
如果我拖动一个标记，它就能正常工作。但是如果我拖动一个标签，它可以处理地图上的单击事件。
如何使用标签并在没有单击事件的情况下拖动标签？
在我的例子中-当我拖动一个标记时，JS创建了一个新的标记。
google.maps.event.addListener(map, 'click', function(event) {
addMarker(event.latLng)
});
function addMarker(latLng) {
var mar
浏览 2提问于2014-04-28得票数 7
这里有一些对象(以矩形为例)，当我使用js更改它的位置时，我无法从新位置拖动它，而只能从旧位置拖动它。下面是例子。按“移动”键移动物体，而不是试图拖动它。如果你尝试，它不会拖动，但如果你拖动他原来的位置，它就会拖动。
var c = new fabric.Canvas('c');
c.add(new fabric.Rect({
left: 0,
top: 0,
width: 40,
height: 40,
fill: 'red'
}));
$('#init').click(function() {
c.item(0
浏览 2提问于2017-06-12得票数 0
回答已采纳
2回答
下面是jQuery UI 和中的示例，我使用的是这个HTML：
<ul class="sort">
<li>
<button>A</button>
</li>
<li>
<button>B</button>
</li>
<li>
<button>C</button>
</li>
</ul>
而这个JS：
$(function () {
$('.sort&
浏览 5提问于2014-05-22得票数 3
回答已采纳
1回答
我想使用D3js V5创建拖动树。但是当我选择拖动时，启动它，跳到其他坐标。
我怎么才能解决这个问题？
var dragStartX = null,
dragStartY = null;
var svg = d3.select($container).append("svg")
.call(d3.drag()
.on("start", function() {
dragStartX = parseFloat(d3.event.sourceEvent.offsetX);
浏览 1提问于2018-09-20得票数 0
回答已采纳
2回答
拖动后取消单击
、、
我有这样的拖曳事件
$('.dragDiv').draggable({
start: function(event, ui) {},
stop: function(event, ui) {}
})
<script src="https://code.jquery.com/jquery-3.5.1.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<div styl
浏览 3提问于2020-05-18得票数 0
1回答
拖动并触摸其他div元素
、、、、
我在一个应用程序上工作-*我们需要通过触摸拖动一个元素。-我已经做了那个事件。*之后，我们必须拖动和触摸其他div类元素才能打开超链接？
head.js("js/jquery.min.js","js/ui.js","js/touch.js", function (){
$(".box_hand").draggable({revert:true});
});
浏览 1提问于2013-10-21得票数 0
我已经在多个div上实现了拖动，并希望在鼠标离开div时动态停止相应div上的拖动操作。我在div上触发鼠标向上事件，以便停止拖动，如下所示：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta
浏览 1提问于2011-09-01得票数 2
假设我有一个包含在父元素(ourHouse)中的可拖动元素(myLittleBrother)。
除了兄弟元素(myRoom)的空间之外，可拖动元素可以移动到任何地方。
如何组织jqueryUI以排除主安全区内的区域？
HTML
<div id="ourHouse" >
<div id="myLittleBrother"></div>
<div id="myRoom" ></div>
</div>
JS
$("#myLittleBrother"
浏览 7提问于2014-06-03得票数 0
1回答
可能导致元素未设置draggable选项的原因。
我有这些jquery设置。
<link rel="stylesheet" href="http://jqueryui.com/themes/base/jquery.ui.all.css">
<script src="http://jqueryui.com/jquery-1.5.1.js"></script>
<script src="http://jqueryui.com/ui/jquery.ui.core.js"></scri
浏览 1提问于2011-08-07得票数 0
我正在尝试做一个功能，用户在一个文本框中键入，当你键入时会产生建议(就像Google Instant)，然后这些建议可以被拖到页面上的框中。一切都很好，直到我发现触摸屏移动设备不能使用HTML5拖放和拖动。我试着用jquery来解决这个问题，但是进展并不顺利。
下面的代码显示了一个可拖动的图像，它适用于触摸屏和鼠标。
<script type='text/javascript' src='js/head.min.js'></script>
<link rel='stylesheet' type=
浏览 1提问于2012-09-03得票数 1
回答已采纳
1回答
不能拖动滑块手柄
、、
我以编程方式创建了一个时间范围滑块(noUiSlider)。
它工作得很好，只是我无法拖动滑块手柄(作为默认行为可用)，以便更改滑块值。
var noUiSlider = require('./js/nouislider');
var sliderDiv = document.createElement("div");
sliderDiv.id = "slider-"+soundElement.description;
var sliderElem: any = noUiSlider.create(sliderDiv, {
start:
浏览 7提问于2018-01-10得票数 0
我正在用类星体框架和Vue js开发一个应用程序。最初，我使用拖放功能，并使用jquery 和jsplumb将它们与web应用程序中的连接器连接起来。
基本上，jsplumb库是jquery的插件，与Vue js相比，jquery占用了更多的内存空间。
因此，我考虑使用纯Vue js功能来满足我的需求。那么，是否有任何Vue js插件可以执行以下任务？
1)能够从一个容器中拖动块并将其拖放到另一个容器中的特定位置。
2)能够将端点(如jsplumb中所规定的)添加到已丢弃的块中。
( 3)并能在容器内的任何区块之间画出连接的链接。
那么，有没有办法用纯的Vue js和类星体来代替jquery和
浏览 9提问于2017-06-21得票数 1
我开始使用和JQuery，我想连接可拖动的元素，但如果我在连接之前添加可拖动行为，则连接不会刷新位置。
我的代码：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<style type="text/css&#
浏览 0提问于2011-08-24得票数 3
2回答
如何实现滚动条，使其在移动和web应用程序中以相同的方式工作?也就是说，当我们拖动(鼠标滚轮)滚动条中的可滚动内容和拇指时，应该完成内容的滚动。另外，我想自定义滚动条，即在滚动条中的拇指和轨道的样式必须是分开的。我试过tinyscrollbar.js，facescroll.js和nicescroll.js。有没有人能推荐一个方法呢？
浏览 0提问于2013-09-05得票数 1
1回答
没有停止垂直拖动
、、、、
这是我的剧本
JS:
$('.owl-carousel').owlCarousel({
loop:false,
margin:10,
responsiveClass:true,
responsive:{
0:{
items:1
},
600:{
items:2
},
960:{
items:3
},
1200:{
items:3
}
}
});
<scri
浏览 1提问于2018-04-14得票数 2
我有一个基于视图的NSOutlineView (用目标C编写)，它支持从树中的任何行中拖动。不允许用户选择多行。我调整正在outlineView:acceptDrop:item:childIndex委托方法中删除的内容，以自动包含所有必需的父行和子行。实际的拖动操作很好。
我的问题是要拖动的东西的视觉部分。我可以使用outlineView:selectionIndexesForProposedSelection修改选择时，作出选择。(我的视觉选择风格是NSTableViewSelectionHighlightStyleNone).这也可以找到，因为所需的组件在拖动中可视化地表示。
问题是用户不
浏览 4提问于2020-05-02得票数 0
5回答
我附加了一个div.image上的拖动事件。
当我将鼠标放在div上时，拖动事件start.for将包含在nestable.js插件中。我想在单击div的链接时停止div的拖动事件，并使用.i：中的js和html文件
请给出解决方案，我该怎么做呢？
浏览 1提问于2013-04-26得票数 6
3回答
我使用React + d3js在svg上呈现数据，我有一个包含如下数据的大数组
const arrayItemExample = {
id: 1,
text: 'Some Text for node',
x: 100,
y: 300,
selected: false,
dragging: false
}
这类元素的清单可达数万份。主要问题是，当我单击或拖动呈现的元素时，会更新该元素上的数据：
const handleDragStart = useCallback((id)=>{
setData(data=>{
return dat
浏览 4提问于2022-11-30得票数 3
我正在React.js项目中实现React.js。当我拖动事件时，有时我会遇到这个错误，有人能告诉我什么是问题吗？
Uncaught TypeError: Cannot read property 'isWithinClipping' of undefined
at HitDragging.queryHitForOffset (static/js/0.chunk.js:14463)
at HitDragging.handleMove (static/js/0.chunk.js:14427)
at EmitterMixin.HitDragging.hand
浏览 2提问于2020-03-25得票数 2
回答已采纳
我在可拖放的div中有一个输入元素。我的代码应该执行以下操作：
当我拖动我的输入元素时，应该拖动整个可拖动的div。(已完成)
当我点击输入元素时，我应该能够编辑文本。(无法完成)
那么，有人能告诉我如何点击和编辑输入元素的文本，它也是可拖动的吗？
以下是我的完整代码：
<!DOCTYPE html>
<html>
<head>
<title>Draggable and Clickable Input</title>
<meta name="viewport"
浏览 1提问于2014-11-05得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
