我正在使用 JQuery 可拖动。如果表格位于 div 中,那么我可以将这个 div 与表格一起移动。当 div 中有一个输入按钮时,它不会移动。为什么?
$(".multidraggable").draggable();
不起作用:
<div class="multidraggable" style="display: inline-block;">
<input type="button" value="Отчет за контрактные сутки без ТГК ”УрГРЭС”" id="button1" style="font-family:arial; width: 200px; height: 80px;max-height:80px;max-width:200px; font-size:15" />
</div>
作品:
<div class="multidraggable" style="display: inline-block;">
<table id="maintable" frame="box" border="1" style="height: 565px" cellspacing="0" cellpadding="1">
<thead>
<tr style="background-color:#ffe45c url(images/ui-bg_highlight-soft_75_ffe45c_1x100.png);">
<th>
...
</div>
最佳答案
这是我用来制作可拖动的东西,也许它会对你有所帮助......
// make items draggable...
$("#CmsDynamicToolbarItems").find("ul li")
.draggable({ containment: "#CanvasAreaCoverPage",
snap: true,
scroll: false,
helper: "clone",
revert: "invalid",
opacity: 1.0,
cursor: "move"
});
可能有多种原因,但是诸如克隆项目、包含元素之类的事情可能会有所帮助,但它们并不是真正需要的。我会首先选择 html 元素的 id,然后向其添加可拖动的元素,然后开始使用可拖动的类。
关于javascript - jQuery 拖放,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4497982/