Question

当使用jqueryui选择时，有人知道如何在事件点击时将li元素移到顶部吗？

我有一个功能，允许您在单击时选择（li）元素，并且在单击事件中选中时需要移动到列表顶部，如果选择了顶部的元素，则元素需要去在那之下。这是一种层次结构项，稍后将根据这些元素对某些信息进行排序。现在他们可以拖，但这不是我想要的。

我正在考虑将所有元素保存在结果数组，选中，未选中的元素中，然后循环通过结果数组并检查元素是否被选中推入选定的数组，否则推入未选择的数组元素，然后连接这两个数组以显示通过覆盖结果数组的正确顺序。任何其他建议。

我不知道如何通过在click事件上使用jquery sortable来解决这个问题。

$(function() {
$("ul").on('click', 'li', function (e) {
    if (e.ctrlKey || e.metaKey) {
        $(this).toggleClass("selected");
    } else {
        $(this).toggleClass("selected");
    }
}).sortable({
    connectWith: "ul",
    delay: 150,         
    })

});

ul {
    border:1px solid Black;
    width:200px;
    height:200px;
    display:inline-block;
    vertical-align:top
}
li {
    background-color:Azure;
    border-bottom:1px dotted Gray
}
li.selected {
    background-color:GoldenRod
}

<p>
   Click to select multiple items
</p>
<br />

<ul>
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
    <li>Item 4</li>
</ul>

演示：http://codepen.io/lydaeve/pen/VQNeoR

jQuery可选择并在可选时移动元素

0 个答案: