使用JQuery ui拖放分区列和分区行
使用JQuery UI拖放分区列和分区行是一种在前端开发中实现交互式分区布局的方法。JQuery UI是一个基于JQuery的UI组件库，提供了丰富的UI组件和交互效果，方便开发者快速构建用户友好的Web应用。
在拖放分区列和分区行的过程中，可以通过JQuery UI的可拖动（Draggable）和可放置（Droppable）功能来实现。
分区列指的是表格中的列，而分区行指的是表格中的行。拖放分区列和分区行的实现步骤如下：
- 导入JQuery库和JQuery UI库到HTML文件中。
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.13.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/ui/1.13.1/jquery-ui.js"></script>- 创建一个表格，并为每个分区列和分区行添加相应的类名或标识。
<table>
<thead>
<tr>
<th class="column">Column 1</th>
<th class="column">Column 2</th>
<th class="column">Column 3</th>
</tr>
</thead>
<tbody>
<tr class="row">
<td>Cell 1</td>
<td>Cell 2</td>
<td>Cell 3</td>
</tr>
<tr class="row">
<td>Cell 4</td>
<td>Cell 5</td>
<td>Cell 6</td>
</tr>
</tbody>
</table>- 使用JQuery UI的
draggable()方法将分区列添加可拖动功能。
$(".column").draggable({
helper: "clone",
revert: "invalid"
});- 使用JQuery UI的
droppable()方法将分区行添加可放置功能，并在放置时进行相应的处理。
$(".row").droppable({
accept: ".column",
drop: function(event, ui) {
var droppedColumn = ui.helper.clone();
$(this).append(droppedColumn);
}
});在上述代码中，droppable()方法的accept选项指定只接受拖动的列（.column类），drop事件在拖动列放置到行时触发，通过ui.helper.clone()获取被拖动的列的副本，并将其添加到目标行中。
通过上述步骤，就可以实现使用JQuery UI拖放分区列和分区行的效果了。
这种拖放分区列和分区行的方法可以应用于各种场景，例如图表编辑器中的布局设计、电子表格中的列拖动排序等。如果你想了解更多关于JQuery UI拖放功能的细节以及其他相关的UI组件和交互效果，你可以访问腾讯云的JQuery UI产品介绍页面：JQuery UI - 腾讯云。
相关·内容
有很多关于使用jQuery UI进行拖放的回答，其中大多数都是过时的和陈旧的。2016年有jQuery (无jQuery UI)的表行实现拖放的最佳插件是什么？
浏览 1提问于2016-02-09得票数 8
回答已采纳
2回答
我有一个表，我正在使用Jquery-UI Sortable，我试图实现的是当我执行拖放到表行时，当我拖放它时，它应该缩进或添加到相应的行中，例如，如果我有一个表作为table image 现在，我将第1行拖放到第3行，它应该会要求我确认(您确定吗？你想放在这里吗？“) 2.我想知道用户是否同意拖放，并且该行应该添加一些页边距或向右缩进 这是JS代码 $(function() {
var fixHelper = function (e, ui) {
ui.children().each(function () {
$(this).w
浏览 11提问于2019-03-06得票数 0
2回答
我想集成jquery UI和Angular js。我想拖放列表行。
所以我在谷歌上找到了这个，并做了同样的演示，但当我使用最新的angular时，它给出了错误，我也使用了最新的Jquery UI。
我已经创建了带有"ui“的模块，我仍然收到错误。因此，在我做错的地方，我想只使用"+“按钮拖动行，换句话说，我不想从整行拖放。我只是想如果我可以使用"+“拖放，我们可以在一个接一个的拖放中获得事件吗？
柱塞
app.controller('dragcontr', function ($scope) {
$scope.list = ["one&#
浏览 0提问于2014-08-09得票数 0
1回答
我有2列和多行。这两列都有4行，并且它是可排序和可拖动的。所以我想要得到第一列的id，哪一行与第二列哪一行相匹配。A列是LHS，B列是RHS。我可以将A列的任意行与B列的任意行匹配。我要拿到两个身份证。
<ul>
<li id="columns1" class="ui-state-highlight">A</li>
</ul>
<ul id="A">
<li class="ui-state-default" id="1">fru
浏览 3提问于2015-04-08得票数 0
1回答
使用jQuery UI拖放到表行
、、、、
我正在尝试使用jQuery UI的draggable和droppable创建一个拖放式UI日历计划/计划程序(类似于google或outlook)。但是在应用这些方法之后，在使用类droppable将droppable内容拖放到第一行之后，我无法将其拖放，或者应该说，无法拖放到除第一个droppable类元素之外的任何其他行。
下面是js代码：
$().ready(function ()
{
$(".droppable tr td").droppable();
$(".draggable").draggable({
浏览 0提问于2016-05-05得票数 0
我使用jQuery ui可排序小部件创建了一个带有可悲哀行的表，在需要更改表上的某些内容之前，一切都很好。
禁用表列，取消选中输入复选框
禁用表行，取消选中另一个输入复选框
当我取消检查这些输入，并开始拖放表行时，该行突然被“卡住”(就像鼠标按钮未被释放一样)，并验证可排序的事件--我发现从未到达beforeStop事件。我签出的事件是:启动、激活、更改、beforeStop、更新、停用和退出。要做到这一点有点棘手，有时发生在开始快速拖放或第一次停用列，然后是一行，然后拖放时。
我也有一些函数来排序索引，还有一个函数将禁用的行放在表的末尾(Stack溢出迫使我放一些代码，但所有
浏览 2提问于2016-04-14得票数 0
1回答
我为一个网站编写了一个用户脚本，这个脚本包含一个jQuery UI draggable。大大简化，网站有两行，每一行有两个div水平放置。
站点布局以前使用了两列和内部div，而不是行。拖放被限制在右列的父列上，这正是我们想要的。但是，现在无法限制右边的“列”，因为DOM中不再存在该列。
是否有一种方法可以不使用旧的父元素而流畅地将可拖动的div包含到div的右列？如果需要，我可以向DOM添加元素(或者做任何事情)，我们拥有jQuery和jQuery UI的全部功能。我知道在右上角使用droppable是可能的，但据我所知，这会导致两者之间拉扯。如果这是唯一的选择，那么我会这样做，但如果有另一
浏览 1提问于2016-03-05得票数 4
回答已采纳
1回答
我有一个拖放的图像，但我不能将图像的边界设置为1728到972。
</head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.m
浏览 5提问于2013-11-27得票数 0
回答已采纳
4回答
无论是使用jQuery UI还是使用Scriptaculous进行拖放操作，我都处于中间位置。我使用的是Ruby on Rails，有了scriptaculous_helper.rb，Ruby on Rails对脚本的支持非常出色。但我已经使用jQuery进行ajax和DOM操作。我不介意使用脚本，因为我们可以在代码中使用jQuery.noConflict()。根据在线演示，我还得到了这样的印象，即脚本化拖放比jQuery UI拖放更好。
回到最初的问题，你会推荐哪一个作为拖放库，你认为哪一个比另一个更好？脚本用户界面还是jQuery UI？
浏览 0提问于2010-05-04得票数 6
回答已采纳
1回答
我有jquery拖放功能，所以我可以将表中的一行移动到另一行。
演示在这里：
我使用jquery-ui-1.8.22使我的表变得可拖放。
我的javascript是：
$(document).ready(function () {
$(".draggable").draggable({
helper: function () { return "<div class='ghost'></div>"; },
start: resizeGhost,
浏览 2提问于2012-08-14得票数 1
回答已采纳
服务器端基本上已经设置好了，它基本上是struts 2/ spring security / jpa。
现在我必须决定如何处理客户端(浏览器)。客户端代码库应该是可维护的，并且应该用于自动回归测试。
因此，例如，我需要一个具有属性的表组件，例如
可排序/可分页列
行和列的重新排序(通过拖放)
表单元格的内联编辑
记住当客户重新访问页面时的状态
易于与struts 2集成。
据我所知，有四种选择
使用旧式HTML + JQuery + Ajax的DIY
找到一个JQuery插件来完成所有这些或
将不同的插件(如 +用于拖放的附加插件)
使用JS工具包
浏览 0提问于2012-02-03得票数 2
回答已采纳
我已经为sap.m.list实现了拖放，如下所示。现在，我需要避免拖放列表中的特定项目。如何停止仅针对特定项的拖放功能
jQuery.sap.require('sap.ui.thirdparty.jqueryui.jquery-ui-core');
jQuery.sap.require('sap.ui.thirdparty.jqueryui.jquery-ui-widget');
jQuery.sap.require('sap.ui.thirdparty.jqueryui.jquery-ui-mouse');
jQuery.sap
浏览 0提问于2016-06-28得票数 0
回答已采纳
1回答
我现在有一个使用Jquery拖放的布局。我已经在Jquery网站上看到了用于恢复的代码，但我不确定如何检测某个div是否被丢弃到某个div上，然后再将其恢复。
基本上，我有两个div，我只想让拖放/拖放能够掉进一个，如果它没有被放到正确的一个中，那么它将被还原:)
脚本：
<script type="text/javascript">
function shift(parent){
$("#"+parent).draggable({ handle: ".item", accept: "#floor", contain
浏览 3提问于2012-05-31得票数 4
回答已采纳
3回答
我有一个带有DataGridView的程序，我的用户希望能够在其中拖放多个列。
拖放单个列很容易，这是内置的行为。但是，我找不到允许选择多个(相邻)列然后将它们拖到另一个列索引的设置。
有这样的背景吗？如果没有，以前有没有人这样做过和/或怎么做？
(我曾尝试过在谷歌上广泛搜索，但找不到任何与我的问题具体相符的东西)
从已收到的答复和评论来看，情况似乎是错误的，所以我想澄清问题是什么：
拖放单个列不是问题，如上所述，我已经知道如何做既不是拖放一行也不是问题。虽然与拖放列不同，但我知道如何做到这一点。...Specifically，拖放多列(或多行)是问题所在，如何选择多列，然后启动DragDr
浏览 4提问于2019-11-21得票数 4
回答已采纳
3回答
我一直试图克隆和放置一个拖放在一个可下垂的中的位置，在坐标处发生。我已经在网上找到了一些例子，这些例子处理的是附加到可下拉式上的拖放，但它们似乎都会在初始下降时将拖放移动到可下拉式的某个特定部分。
下面是一个这样做的示例：-
//JavaScript from the jsfiddle
jQuery(function() {
jQuery(".component").draggable({
// use a helper-clone that is append to 'body' so is not 'contained' by a
浏览 5提问于2014-10-11得票数 2
回答已采纳
1回答
我在当前项目中使用了Jquery UI sortable，使框可以拖放到新的列中。它可以在除ie7之外的所有现代浏览器中工作，在works中可以拖放，但当您拖放时，它会完全破坏您正在拖放的框中的内容。
有什么想法吗？
浏览 0提问于2010-04-17得票数 3
回答已采纳
1回答
构建UI拖放生成器
、、、
我正在尝试建立一个UI拖放构建器。到目前为止，我的问题是，当我添加and row或复制一行时，不允许在新追加的行中添加列。我如何解决这个问题，允许重复的或附加的行，然后在该行中添加列？
$('.add_or_delete button').click(function() {
if ($(this).text() == 'Add Row') {
$(this).parent().parent().append('<div class="row"><div class="col">&l
浏览 0提问于2017-06-10得票数 0
我希望在同一个网格中拖放一行时能捕捉到drop事件。
我正在查看这里列出的“可排序的行”示例(3.6版)
我可以在本地复制这个示例。不是使用
jQuery("#sortrows").jqGrid('sortableRows');
在示例中，我使用了以下内容：
jQuery("#sortrows").jqGrid('sortableRows', {
ondrop: function (ev, ui, getdata) {
alert('fired');
}
});
我没有改变任何其他的
浏览 0提问于2014-04-09得票数 0
我们正在使用html div创建一个表结构，在其中我们需要拖放列和行，但是行头应该是固定的。也就是说，在不移动行头的情况下拖放Div列和Div行，任何人都知道如何解决这个问题。 我需要创建此使用JQuery，html和css。 $(function() {
$("#tblcols").sortable({
items: '.rtab:not(.rtab:first-child)',
cursor: 'pointer',
axis: 'y',
dropOnEmpty: false,
浏览 16提问于2019-02-25得票数 0
回答已采纳
我使用rowReordering插件jQuery DataTables让用户拖放行。以下是相关代码：
ui_actions = $('#ui_actions').DataTable({
"createdRow": function( row, data, dataIndex )
{
$(row).attr('id', 'row-' + dataIndex);
ui_actions.$('tr.selected').
浏览 4提问于2015-08-15得票数 1
回答已采纳
1回答
我有一个工具，它有一个列表项和表，我想从列表中拖动项目并将其放到另一边的表格单元格中，我想再次将其从表中拖到同一列表中。我正在使用可拖动和可拖放的Jquery ui。我的问题是，在将项目再次拖放到表格单元格中后，我无法将其拖到列表中。这就是我的代码：
$(".droppable").droppable({
tolerance: 'intersect',
drop: function (event, ui) {
$(ui.draggable).appendTo($(this));
$(this).addClass("withoutS
浏览 4提问于2018-10-21得票数 0
7回答
我搜索了很多关于单独使用jQuery (没有UI)的拖放教程，但是由于JQuery UI的流行，所有的拖放功能都是基于JQuery UI的。
有没有人能给我一个提示，如何用JQuery独立做一个基本的拖放？
浏览 5提问于2012-02-25得票数 16
回答已采纳
1回答
我使用jquery ，它为项目提供拖放功能。
但我想在底部限制一些项目，不想拖放它的某个地方。因此，我搜索了API文档，并找到了这个，这是非常好的。但我仍然面临一个问题。具体如下：
$(function() {
$( ".sortable" ).sortable();
$( ".sortable" ).disableSelection();
$('.sortable').sortable({ cancel: '.note' });
});
<script src="
浏览 1提问于2018-09-28得票数 1
回答已采纳
当使用jquery UI拖动div并将其拖放到UI可拖放的div中时，我希望在拖放到该区域的div上触发jquery动画。当动画被触发时，它在所有带有class = "drag- element“的div上被调用，但我只希望对特定的拖放元素进行动画处理。我尝试包含removeClass(" .drag-element ")和addClass(".animate-element")，并告诉animate()对其执行操作，但它仍然将动画应用于所有.Drag-element div。我该怎么解决这个问题呢？
JQuery：
$(function() {
$(
浏览 1提问于2013-04-18得票数 1
回答已采纳
1回答
拖放表
、、
我正在寻找某种类型的拖放jquery/ tables /javascript插件，我可以从中添加动态表。
就像我可以通过拖放添加新表一样。我遇到了动态表，在那里我可以添加动态行和列并对它们进行排序，但是这里我想添加表。也就是说，如果最初我删除一个表，那么它包含单行和单列，然后我可以添加更多的行和列。此外，我还可以向表中添加内容。
我搜索了一下，但什么也找不到。
浏览 4提问于2015-08-19得票数 0
回答已采纳
3回答
对于我们的下一个项目(ASP.NET/C#中的一个小应用程序)，我们必须在UI中创建拖放区域，以便组件/小部件可以被拖放，布局可以动态更改(例如，用户应该能够从前端切换到三列布局)。
在进行了一些搜索之后，我知道有两种方法：
使用Web部件和内容区域。
使用jQuery。
我还了解到jQuery方法是预先提出的，但我想知道如何在我的应用程序中创建这样的区域，以及如何为每个用户保存这些区域(在D中，以便当为该用户提出新的请求时，显示它们的首选布局？)我基本上想知道是否有关于使用jQuery创建持久拖放区域的教程。
谢谢,
穆赫特·库马尔
浏览 4提问于2011-02-17得票数 3
使用Jquery UI，我尝试将元素拖放到引导列中。一个简单的想法，但不起作用，因为你可以尝试自己：
它只放在第一个引导数据库列中
我发现了相关的问题：
并尝试添加
.ui-draggable-handle {
z-index: 1;
}
.ui-draggable-dragging {
z-index: 10000!important
}
到css，但无济于事。
浏览 1提问于2015-09-30得票数 0
1回答
我正在使用jQuery UI来拖动和排序创建一个拖放表单生成器。当用户停止拖动时，我希望可丢弃区域为空，因为我使用的是重新填充可下垂区域的函数。
我尝试在可拖放的停止事件中使用jQuery空()
let initDrag = () => {
$( ".draggable" ).draggable({
connectToSortable: ".droppable",
helper: "clone",
revert: "invalid",
stop: aft
浏览 0提问于2019-02-16得票数 0
1回答
表拖放重新排序和列排序
、、、
我目前正在使用Html插件来增强我正在使用的一个网站上的。
我需要能够使用拖放来重新排序行，以及能够按升序或降序排序数据表中的列。
然而，这似乎表明您只能使用拖放或可排序列，而不能使用DataTables jQuery插件同时使用这两个列。
有人知道解决这个问题的办法吗？或者甚至是另一个更适合我需求的JQuery插件或技术？
我是jQuery和JS的新手，所以任何方向都会非常感谢
浏览 1提问于2012-06-17得票数 1
2回答
我在一个html文档中有2个可拖放的div，在2个可拖放的div旁边有一个可拖放的div。
当您将其中一个可拖放的div拖到可拖放的div上时，可拖放的div会显示一些文本，并且可拖放的div会恢复到原来的位置。
我的问题是，我如何根据我放到可拖放div上的可拖放div来更改可拖放div中的文本？
我希望这是有意义的，下面是我的代码。
非常感谢
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>jQuery U
浏览 1提问于2013-03-15得票数 1
回答已采纳
1回答
当我检查页面上的一个元素时，我看到它的宽度是83.2像素。
我使用jQuery UI使其“可拖动”：
$el.draggable({
start: function (event, ui) {
//$(ui.helper).css('margin', 0); //prevent jumping
console.log('width:', $(ui.helper).css('width'));
//console.log('width:', $(ui.helper).width
浏览 5提问于2015-08-10得票数 3
我正在尝试使用WordPress UI拖放将jQuery内容编辑器启用为可下垂的。但是，我不能让拖放，或拖放事件启动。
我遗漏了什么吗？
<ul id="keywords">
<li>drag one</li>
<li>drag two</li>
<li>drag three</li>
</ul>
jQuery("#keywords").find("li").each(function(){jQuery(this).dragg
浏览 0提问于2011-08-04得票数 1
回答已采纳
在我的角应用程序中，我在其他模块中使用，结果发现这个模块与我使用的jquery版本(v3.1.1)不兼容，因为它是用来处理角的本机库jqlite的(但也许它可以使用低于v3.0.0的版本)。现在，我正在考虑使用jQuery.noConflict()在应用程序中使用两个版本，但我不想嵌入jquery，除了我已经拥有的版本之外，我还想找到一种方法来使用已经存在的jqlite，但是我不知道它是否可以以这样的方式使用，以及如何使用。谢谢你的帮助。
*编辑*
这是用于拖放模块的，estus要求我制作这个模块，以显示我在ng-jq指令中遇到的失败(这个柱塞与它的当然文档相同，但我不仅添加了jquery以便
浏览 1提问于2017-03-10得票数 0
1回答
我正在尝试实现一个很好的gui来组织帖子。我想使用jQuery UI的可排序，这样用户就可以拖放。我的数据库"display order“中的每个帖子都有一个列，我按这个列进行排序。
我怎样才能有效地将jquery所做的事情转换成我的db中的display_order列？
浏览 1提问于2011-01-05得票数 4
回答已采纳
我有一堆通过foreach绑定进行更新的行。我还有一个自定义的敲除绑定(基于jQuery UI可排序)，它允许通过拖放对行进行重新排序。
<tbody data-bind="foreach: serviceTemplates, draggableList: null">
<tr>...</tr>
</tbody>
ko.bindingHandlers.draggableList = {
init: function (element, valueAccessor, allBindings, viewModel, bind
浏览 0提问于2014-07-01得票数 2
4回答
我有下面的jquery拖放代码。我嵌套了拖放功能。
当尝试在内部移动被丢弃的物品时，它不工作吗？
我试着用下面的代码行修改connectWith
connectWith: \".ui-sortable\",
见下图
但不起作用。请帮帮忙。
浏览 2提问于2015-05-12得票数 1
1回答
我想要能把一个拖着的东西拖到一个可下垂的地方。然后，当我拖动另一个可拖动的，防止用户将其拖放到以前的可拖放的上，但仍然将其拖放到可下拉式上。这句话太荒谬了，我在下面添加了一张图片，并对我在这里所做的尝试做了一些改动：
下面是jsfiddle的代码。只是一个演示，试着让一些东西发挥作用。我认为，检测拖放的拖放是否超过可拖放的拖放的最佳方法是使可拖拖也可下垂，并将accept参数设置为false，因此它不接受任何操作。
css：
.draggable-elem { background:red }
.drag1 {width: 100px; height: 40px;}
.drag2 {
浏览 1提问于2014-05-16得票数 2
1回答
我使用了jquery布局，并在该布局中使用了拖放。但是我不明白为什么可拖放的元素没有拖入拖放的区域。我用它来拖拽，但不能成功
jQuery(function() {
jQuery(".component").draggable({
//use a helper-clone that is append to 'body' so is not 'contained'
//by a pane
helper: function () {
return jQ
浏览 0提问于2012-01-09得票数 0
我想在最新的和jQuery UI库中使用这个jsfiddle示例jQuery和jQuery UI库，但它不能正常工作。
如果尝试切换更新版本，主功能(通过拖放重新排序表列)将停止正常工作。主要的区别是，当然，在这个小提琴是使用sortTable和新版本只支持排序(与单一T)。
因此，我的问题是:即使jQuery库切换到2.0.2，是否有方法修改这个小提琴以同样的方式工作？
我试图通过添加此功能(显然不能正常工作)来修改它：
$('table').sortable({
placeholder: 'placeholder',
helperCel
浏览 2提问于2013-12-20得票数 0
回答已采纳
4回答
我正在开发一个软件，我需要一个基本的Java Swing UI。我使用的是Netbeans，它使我能够拖放UI组件。但是，我需要使用代码显示最终的结果表。
在我使用trhe的UI中，我创建了一个JTabbedPane，并在其中添加了一个名为finalOutputTable的空JTable (没有行也没有列)。现在我想在运行时填充这个表，假设有列: x，y和行: row1，row2 & row3。
我如何通过编码来做到这一点呢？
浏览 0提问于2011-04-02得票数 0
回答已采纳
2回答
有人知道jquery-ui-draggable-collision是否支持IE吗？？
我正在尝试一个it(jquery-ui-draggable-collision-prevention-example.html)，附带的示例，并在IE8上得到以下错误：
“对象不支持属性或方法”的文件jquery拖放-冲突-1.0.1.js第219行。
function jqList2CenterGravity( jqList, dx, dy )
{
219: return centerGravity( jqList.toArray().map( function(e,i,a){ return jq2Coo
浏览 2提问于2012-03-29得票数 3
回答已采纳
我通过JQuery UI将表中的行排序为()
<table id="sort" class="grid">
<thead>
<tr><th>Permanent ID</th><th class="index">Sorted</th><th>Rest of the row</th></tr>
</thead>
<tbody>
<tr><
浏览 11提问于2017-01-06得票数 0
我用过“Jqueryui-触摸-打孔”库来拖放。拖放功能和事件在Chrome浏览器和IOS移动应用程序中运行良好。
问题是，在Android应用程序上，拖放很好，但是点击事件在Android中不起作用。
基本上，在id="clickinEventFired"上的代码拖放和点击事件所发生的事情在chrome浏览器和ios移动应用程序上运行良好。
但是Android应用程序中相同的代码，拖放工作正常，但单击事件不起作用。当我们点击“拖曳我”时，总是会触发拖动事件。
请帮我看看我犯了什么错误。
代码：
$(function() {
$("#draggable"
浏览 1提问于2020-02-18得票数 0
1回答
在我的web应用程序中，有一个可拖的元素。当元素在拖动时达到某一限制时，我需要设置该元素的左位置。使用jQuery拖放小部件，我可以访问元素的位置：
function drag(e, ui) {
console.log(ui.position.left);
}
假设我的左属性被设置为1100 it，我需要将它设置为500 it和这个，而不停止拖放。
我有三个函数: dragStart、drag和gradEnd。目前，我只得到了一个结果:当在拖动函数上设置ui.position.left = 500;时(使用一个条件)，左边的位置被设置为500，但当然，元素会停留在500 of。原因是每次触发
浏览 0提问于2019-12-15得票数 2
回答已采纳
1回答
在这篇文章中，Marcos Placona描述了如何使用克隆实现Jquery拖放。
它适用于JQuery 1.3.x和JQuery UI 1.7.x，但不适用于JQuery 1.4+和JQuery Ui 1.8+
下面是一个有效的JSFiddle示例，你能帮上忙吗？
浏览 2提问于2012-03-05得票数 1
2回答
包含额外全宽列的HTML表格行
、、、、
我有一个包含多行和多列的HTML表。我想将td附加到这些行中的一些行，以便td看起来像是新行，并跨越整个表的宽度。这有助于将单个表行的所有数据保存在同一个tr标记下，并允许我显示与同一行相关但无法放入单个表列的额外数据，例如长格式注释。例如：
<table>
<thead>
<th>Col 1</th>
<th>Col 2</th>
<th>Col 3</th>
</thead>
<tbody>
<tr>
&
浏览 35提问于2018-06-05得票数 1
回答已采纳
我对jQuery不是很熟悉，我想了解一些关于jQuery的js文件的基本知识。 jquery min js & jquery js 文件的基本区别是什么，例如拖放鼠标模型等等假设我正在使用jQuery对话框模型，
从下载
保存在我的web应用程序中的js文件，包括js文件，如下所示
如果需要使用拖放，则需要包含相应的jquery文件。
<script src="ui/jquery.ui.widget.js"></script>
<script src="ui/jquery.ui.mouse.js">
浏览 7提问于2011-07-07得票数 5
回答已采纳
我正在编写一个新的web应用程序，它需要支持页面上元素的拖放操作(而不是文件拖放)。
这就是这个问题的答案
建议使用现代浏览器检查浏览器是否支持HTML5拖放，并使用该支持或回退到替代方案，如jQuery UI。
由于它们具有完全不同的模型，这意味着所有的拖放代码都必须单独实现和测试(很少共享实现)。只有当HTML5拖放有显著的、对用户有影响的好处，并且回退到jQuery UI会提供降级的体验时，这样做才是合乎逻辑的。
实现这两种变体有显著的好处吗？
浏览 2提问于2012-03-02得票数 27
回答已采纳
我有一个非常简单的超文本标记语言表格，其中应用了jQuery排序，以便用户可以通过拖放重新排序行：
我正在尝试做的没有成功的事情是让这个表也可以按列排序。也就是说，允许用户拖放列。
如何做到这一点？
任何好的想法，无论是使用js，jQuery还是仅仅是概念性的。
浏览 2提问于2012-02-26得票数 1
回答已采纳
1回答
使用拖放更新数据顺序
、、、、
我在DB中的一个名为order的列排序的表上显示了来自DB的一些数据
<tbody>
<tr id="1" data-order="1">
<td>1</td> <!-- id from DB -->
<td>Test</td>
<td>1</td> <!-- order from DB -->
<td>
<a&g
浏览 1提问于2018-08-14得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
