jquery-ui-sortable

    0热度

    1回答

    我想实现jQueryUI的排序在ng重复内的元素。 问题:我实际上无法对ng-repeat中的元素进行排序操作。 我检查了答案。我的代码看起来类似于大多数的答案,这显然工作,但我的代码不能正常工作 下面是HTML片段: <div class="container-fluid rt-widget-list-dim-adj"> <div my-dir> <div ng-repea

    0热度

    2回答

    不能相信我被困在这! JS小提琴https://jsfiddle.net/27a8qypq/显示国家按字母顺序从3个区域复选框选项的任意组合中出现。 将来我会希望使用JS代码中的指令来限制国家/地区列表的范围。例如,即使勾选了所有3个复选框,我可能也希望代码排除所有亚洲国家的出现,但保留显示的其他国家/地区的字母顺序。 我尝试使用.filter()和.detach()和.remove(),如以前的

    0热度

    1回答

    我有一个MySQL表产品和其他表集合。 每个系列都包含一些产品(但是某些产品没有收集)。 我收集id存储在产品列,例如: 在管理面板I显示所有的产品,以这样的方式 但现在我需要使它可分类并按收藏分组,看起来像这样: 其实这些产品是可排序的(使用jQuery UI),我将订单存储在数据库中,以便按照该顺序显示产品。 如何将每个集合的所有产品分组并重新排列该组以便产品更改订单? https://jsf

    0热度

    1回答

    我正在做一个拖拽&拖放页面,它允许用户从源列表中选择字段并将它们放入选择的目标列表中。 虽然此功能在高层次上工作,但我试图通过允许同时选择多个字段并移动,使体验更好一些。 可排序: $('#in_available_fields').sortable({ connectWith: '.sortable-list', placeholder: 'placeholder', start: fun

    0热度

    1回答

    我使用jQuery排序视频停止。 但是当我放下视频元素时,它会停止播放。 有什么想法? (或alterntaive排序HTML5视频元素?) 我的代码: $('#VideosContainer').sortable({cancel:'.videoClass'}); $('#VideosContainer').disableSelection();

    0热度

    1回答

    我有三个列表,我正在使用jQuery排序插件来允许我在每个列表中重新排序,然后在列表之间拖放。 当我移动,然后我的AJAX请求被触发列表之间的项目: $(".connectedSortable").sortable({ connectWith: ".connectedSortable" }).disableSelection().bind('sortreceive', function

    0热度

    2回答

    我的工作由两个部分面板上: 列表:包含我的所有小工具,我想每一个部件是可拖动和可排序。 一个区域:包含一个图像,我想放下我的小部件(以后保存它们的位置):所以我需要我的小部件可以拖放和拖动。 我正试图用JQuery UI来做这件事。最重要的是,我希望能够将我的小部件从列表拖到该区域,如果需要,可将它们拖回列表中。 编辑:https://jsfiddle.net/Tenmak/jzmsatrg/(新

    0热度

    1回答

    我试图创建一个使用jQuery排序的可排序网格。这里是我的html: <div id ="container"> <div class="row"> <div class="column"> <div class="inner"> 1 </div> </div> <div class="column"> <div class="inner">2<

    0热度

    1回答

    我有2列:左和右。流程是从左列拖动元素并将其放入正确的列。 它可以很好地工作,但存在一个小问题:当可拖动元素从顶部进入可放置区域时,占位符将显示为可放置区域中现有项目列表的最后一个元素。我可以将当​​前可拖动的项目拖拽一下,然后再将其拖到该元素上,占位符将以正确的方式显示。 问题:如果可拖动元素来自顶部,我如何显示占位符作为项目列表的第0个元素(而不是最后一个)?我应该挖掘哪个方向?非常感谢。

    0热度

    1回答

    我有一个问题,需要你来帮我解决它。我有两个这样的名单。 <div id="1" class="item-list draggable"> <div class="item drag-drop-able">itemA</div> <div class="item drag-drop-able">itemB</div> <div class="add-button dra