jjzjj

Sortable

全部标签

javascript - KendoUI Grid 只允许排序 asc 和 desc,不允许未排序

我有一个请求,让我的KendoUIGrid从一列开始排序,并且从那里只允许该列有排序的asc和排序的desc选项......这意味着没有未排序的选项。我的意思是当第一次查看页面时,有一个图标显示其按升序排列...如果单击列标题,则它会按降序排列,如果再次单击它会按升序排列。目前默认的Kendo行为是第三次单击将网格置于未排序模式,没有排序图标。如果有帮助,我的代码如下:$("#grid").kendoGrid({dataSource:{data:carList,schema:{model:{fields:{"Car":{type:"number"},"Miles":{type:"num

javascript - 一些元素按顺序卡住的 JQuery 可排序列表?

我正在寻找一种方法来获得类似JQuery的可排序列表(link),但其中一些元素位于固定的不可拖动位置。使某些元素不可拖动很简单,但它们的位置不会保持固定,因为它们上方和下方的可拖动元素的数量会发生变化。更具体地说:我有一个按排名顺序排列的10个项目的列表。我希望用户能够通过拖动(一个可排序列表)来更改某些项目的排名,但不能更改其他卡住元素的排名。标准的JQuery可排序不可拖动功能允许通过更改卡住项目之上或之下的元素数量来更改卡住项目的排名。我已经尝试通过在拖动时“交换”列表元素来手动执行此操作。即,当将列表元素拖到非卡住元素上时,两个元素的位置会交换。这给出了我想要的语义,但被拖动

javascript - 在拖放元素上滚动在 IE9 中创建行

https://jsfiddle.net/hjcsnrs3/1/我创建了上面的fiddle来解释我的问题。我正在使用jQuerysortable水平拖放元素。在Chrome/FF中运行良好。但是在IE中,尤其是IE9,每当我拖动元素时,它都会掉到下一行。每次拖放都会创建新行。$(function(){$("#sortable").sortable({items:">div",opacity:0.8,placeholder:"placeholder",tolerance:"pointer",helper:"original",revert:true,axis:"x"});$("#sort

javascript - JQuery Draggable Droppable 和 Sortable 同时用于 DOM 操作

我正在尝试使用JQueryUI设置某种拖放所见即所得的编辑器。我已经成功地设置了这些元素,但是它们有一个奇怪的行为。由于不断闪烁,几乎不可能对项目进行排序。我这样设置我的可拖动对象:el.draggable({containement:'.main-form-container',revert:"invalid",connectToSortable:'.sortable'}).disableSelection();如果我不将其设置为可拖动,则sortable会将占位符放置在其自身上!为什么?有时,当一个元素被放入另一个元素时,它会变成一个可拖动的元素并且看起来粘在一起。尽管这似乎已通过

javascript - 拖动时 jQuery mouseleave 未正确触发

我有一个可排序列表,其中的mouseleave事件监听器行为不正确。如果我将鼠标移入和移出可排序列表,mouseleave会正确触发。如果我首先单击并拖动sortable的其中一个子项,mouseleave会错误地触发-偶尔触发或根本不触发。有什么想法吗?谢谢。更新:鼠标移出事件也会发生这种情况。#sortable{list-style-type:none;margin:0;padding:0;float:left;margin-right:10px;background-color:#CCC;}#sortableli{margin:05px5px5px;padding:5px;fon

javascript - jQuery 可排序启用

我禁用了在jquery可排序列表上的拖动,但不确定如何启用它,请有人指点我的方向,$(".anotherClass").sortable('disable');//itdisablesit我似乎无法在文档中找到任何内容。这个问题说在此处启用输入但它不起作用$("#wantedItems").sortable({receive:function(event,ui){//enabletheinputherewhichinput???????????????????????????????}}); 最佳答案 你只需用'enable'来调用

javascript - 获取放置元素的项目/对象

我正在编写一个包含三个列表的任务面板,我使用sortable在它们之间移动项目。但是我需要拿起元素掉落的项目。我知道ui.item是被丢弃的元素,但我不知道我把它丢在哪里了。这是我的代码:$(".column").sortable({receive:function(event,ui){/*gettheelementwhereui.itemisdropped*/}});我知道该元素将是.column选择器的任何元素,但如何选择!!! 最佳答案 编辑-这样做的方法是这样的$("#sortable1,#sortable2").sorta

javascript - jQuery UI sortable 在排序时触发 css3 动画

我有一些sortables,它们通过一个类定义了CSS3关键帧动画。排序时,我注意到在thisFiddle.中看到的奇怪行为.slideLeft{animation-name:slideLeft;-webkit-animation-name:slideLeft;animation-duration:1s;-webkit-animation-duration:1s;animation-timing-function:ease-in-out;-webkit-animation-timing-function:ease-in-out;visibility:visible!important;

javascript - jQuery sortable 不是一个函数

我正在尝试使用SortablejQueryUI插件版本1.8.16制作一个可单击和拖动的有序项目列表。但是,我一直收到这样的错误:$("#ol-idol").sortable不是函数,其中“ol-id”是列表的ID。我的代码如下://Sortingstuffif($("#li-idli").size()>1){$("#ol-idol").sortable({revert:true,axis:'y',containment:'parent',cursor:'move',handle:'div.link_div',smooth:false,opacity:0.7,tolerance:'po

javascript - 如何在 iOS 中通过 jQueryUI、jQuery Mobile 和 touchpunch 使图像在 contenteditable div 中可排序?

我尝试通过jQueryUI、jQueryMobile和touchpunchplugin在contenteditable="true"div中的文本周围拖动图像我想让图像可以像http://jsfiddle.net/xFfYT/1/这样的文本移动在桌面上。图片可以在文本行或其他标签中移动。MakeImagesSortableoniOSThisisfirstpictureandsecondpicturedragtoswapitintotextpositionsecondparagraphSampleneedtotestoniOSiOS上哪个jQueryMobile,我用这个touchpun