Questions tagged «jquery-ui-sortable»

jQuery UI Sortable插件通过使用鼠标拖动使选定的元素可排序。

12
jQuery UI Sorting with table and tr width
我正在使用可排序的jQuery UI,以使我的表网格可排序。该代码似乎可以正常工作,但是因为我没有在tds上添加width ,所以当我拖动s时tr它会缩小内容。 例如; 如果我开始拖动时表格行为500px,则该行变为300px。我认为是因为没有在网格中定义宽度而发生了。那是因为我正在为tds(fix和liquid)使用两个类。 的fix类使得td等于所述内容的宽度和liquid使td宽度100%。这是我的网格表方法,无需为tds 分配宽度。 知道如何使用我的方法进行可排序的工作吗?





16
使用jQuery拖放防止点击事件
我在页面上有可以用jQuery拖动的元素。这些元素是否具有单击事件,该事件会导航到另一个页面(例如普通链接)。 什么是防止单击引发未拖放状态同时允许其不处于拖放状态的最佳方法? 我对可排序元素有此问题,但认为最好有一种常规拖放的解决方案。 我已经为自己解决了这个问题。之后,我发现Scriptaculous存在相同的解决方案,但也许有人有更好的方法来实现这一目标。

1
使用可排序HTML表格的jQuery UI
我想在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>"; } ?> 问题是当我拖动表格时tr,只会td被拖动。而且,最重要的是,只有第一行是可拖动的:该效果不会应用于其他行。我该如何解决?

1
jQuery UI-可排序:通过可排序元素中的图标“句柄”拖动
我的jQuery ui sortables工作正常,但我的sortable元素中还有其他交互式元素。为了防止在与可排序div中的元素进行交互时意外排序,我想以某种方式使可排序对象的拖动运动仅在拖动可排序对象中的某个元素时发生,例如可能驻留的“移动”图标在每个可排序对象的左上角。通用jqui是否有可能,还是我需要编写自己的钩子?

4
在jQuery中基于属性“数据排序”对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> 我动态创建div: <div data-sort='14'>div1</div> <div data-sort='6'>div1</div> <div data-sort='9'>div1</div> 我如何才能让它们仅按顺序排序到已加载的div中,而不必重新加载所有div? 我认为我需要在屏幕上构建一个所有div的数据排序值的数组,然后查看新div的位置,但是我不确定这是否是最佳方法。

7
我想使用NSSortDescriptor对数组进行排序
我在排序数组wrt数据库时遇到问题: NSSortDescriptor *sorter = [[NSSortDescriptor alloc] initWithKey:@"w" ascending:YES]; NSArray *sortDescriptors = [NSArray arrayWithObject: sorter]; [mGlossaryArray sortUsingDescriptors:sortDescriptors]; [sorter release]; 在数据库中,这里有一些首字母大写,并且由于该大写字母而无法显示正确的排序输出。在这里,我正在用rt“ w”排序一个数组,这是我数据库中的表列。在这里,我附上了输出的屏幕截图,该屏幕截图显示“ Cancer”比“ c”排在首位,但这是不正确的,因为大写单词没有按字母顺序排序。 例如。如果有小写的“ able”和小写的“ aCid”,那么它将先显示aCid,然后才有能力,并且还有一种情况,如果第一个字母为大写,则首先显示,例如“ Able”和“ a”。此处首先显示Able。
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.