标签: jquery-ui-sortable

jquery UI可以使用table和tr宽度进行排序

我正在使用jQuery UI进行排序,以使我的表格网格可排序.代码似乎工作正常,但因为我没有向tds 添加宽度,当我拖动tr它缩小内容.

例如; 如果我开始拖动时表格行为500px,则变为300px.我假设发生了这种情况,因为网格中没有定义宽度.那是因为我为tds(fixliquid)使用了两个类.

fix类使得td等于所述内容的宽度和liquid使td宽度100%.这是我对网格表的方法,而不必为tds 分配宽度.

知道如何使用我的方法进行可排序的工作吗?

jquery jquery-ui jquery-ui-sortable

153
推荐指数
5
解决办法
8万
查看次数

jQuery UI可排序位置

当元素在可排序列表中的位置发生变化时,如何跟踪元素的位置?

jquery jquery-ui jquery-ui-sortable

143
推荐指数
3
解决办法
10万
查看次数

jQuery UI可排序,然后将订单写入数据库

我想使用jQuery UI sortable函数来允许用户设置订单然后进行更改,将其写入数据库并进行更新.有人可以写一个如何做到这一点的例子吗?

php mysql jquery jquery-ui jquery-ui-sortable

119
推荐指数
4
解决办法
19万
查看次数

jquery-ui可排序| 如何让它在iPad/touchdevices上运行?

如何在iPad和其他触摸设备上使用jQuery-UI可排序功能?

http://jqueryui.com/demos/sortable/

我试图使用event.preventDefault();,event.cancelBubble=true;event.stopPropagation();,touchmove以及scroll事件,但结果是页面不再滚动.

有任何想法吗?

scroll jquery-ui touch jquery-ui-sortable ipad

110
推荐指数
2
解决办法
6万
查看次数

jquery可排序的占位符高度问题

由于某种原因,我的可排序项目的占位符大约是10px.我所有的可排序项目都有不同的高度.如何更改每个占位符的高度以匹配要移动的项目?

jquery jquery-ui jquery-ui-sortable

91
推荐指数
2
解决办法
5万
查看次数

使用jQuery拖放防止单击事件

我在页面上有可用jQuery拖动的元素.这些元素是否具有导航到另一页面的点击事件(例如普通链接).

什么是防止点击触发放弃这样的元素同时允许点击它的最佳方法是不是拖放状态?

我有可排序元素的这个问题,但认为有一个普通拖放的解决方案是好的.

我已经为自己解决了这个问题.在那之后我发现Scriptaculous存在相同的解决方案,但也许有人有更好的方法来实现它.

javascript jquery events drag-and-drop jquery-ui-sortable

83
推荐指数
6
解决办法
7万
查看次数

使用jQuery UI可以与HTML表进行排序

我想在HTML表格中输出数据库中的一些数据,我希望用户能够重新排序表格行.为实现这一点,我使用jQuery UI进行排序,因此:

<script>
    $(function() {
        $( "#sortable" ).sortable();
        $( "#sortable" ).disableSelection();
    });
    </script>
<?php 
 while($row = mysql_fetch_assoc($co_authors)) {
                    echo "<tr id='sortable'><td>{$row['author_email']}</td>
                         <td>{$row['coauthor_level']}</td>";
                         <td><button class='remove' id='remove' name='remove' email="<?php echo $row['author_email'] ?>"
                            paper="<?php echo $row['paper_id'] ?>">Remove</button></td>
                         </tr>";
                }
?>
Run Code Online (Sandbox Code Playgroud)

问题是,当我拖动一个表时tr,只会td被拖动.此外,最重要的是,只有第一行是可拖动的:效果不会应用于其他行.我怎么解决这个问题?

jquery jquery-ui html-table jquery-ui-sortable

74
推荐指数
1
解决办法
10万
查看次数

我想使用NSSortDescriptor对数组进行排序

我在排序数组wrt数据库时遇到问题:

NSSortDescriptor *sorter = [[NSSortDescriptor alloc] initWithKey:@"w" ascending:YES];
NSArray *sortDescriptors = [NSArray arrayWithObject: sorter]; 

[mGlossaryArray sortUsingDescriptors:sortDescriptors]; 
[sorter release];
Run Code Online (Sandbox Code Playgroud)

在数据库中有一些第一个大写字母,因为大写字母它没有显示我正确的排序输出.这里我用rt"w"排序一个数组,这是我在数据库中的表列.在这里,我附加了输出的屏幕截图,其中"癌症"首先出现在"c"之后,但这不正确,因为大写单词而没有按字母顺序排序.

例如.如果小写中有"able"和"aCid"那么它将首先显示aCid然后能够显示aCid,并且还存在如果第一个字母是大写字母它首先出现的情况,例如"Able"和"a".在这里Able首先显示.在此输入图像描述

sorting iphone jquery-ui-sortable nsarray

71
推荐指数
3
解决办法
4万
查看次数

Jquery ui - sortable:在可排序元素中拖动图标'handle'

我有jquery ui sortables正常工作但我的可排序元素中有其他的交互元素.为了防止在与可排序div中的元素交互时意外排序,我想以某种方式使得可排序的拖动运动仅在拖动可排序的某个元素时发生,例如可能存在的"移动"图标在每个可排序的左上角.这可能是通用的jqui,还是我需要编写自己的钩子?

user-interface jquery-ui interface jquery-ui-sortable web

70
推荐指数
1
解决办法
5万
查看次数

基于属性'data-sort'在jQuery中对div进行排序?

如果我有几个div:

<div data-sort='1'>div1</div>
<div data-sort='4'>div4</div>
<div data-sort='8'>div8</div>
<div data-sort='12'>div12</div>
<div data-sort='19'>div19</div>
Run Code Online (Sandbox Code Playgroud)

我动态创建div:

<div data-sort='14'>div1</div>
<div data-sort='6'>div1</div>
<div data-sort='9'>div1</div>
Run Code Online (Sandbox Code Playgroud)

我怎样才能让它们按顺序排列已经加载的div,而不必重新加载所有的div?

我认为我需要在屏幕上构建所有div的数据排序值数组,然后查看新div适合的位置,但我不确定这是否是最好的方法.

javascript jquery jquery-selectors jquery-ui-sortable

61
推荐指数
3
解决办法
9万
查看次数