jQuery UI - 通过手风琴连接列表

发布于 2024-11-10 18:02:53 字数 346 浏览 3 评论 0原文

请参阅以下小提琴: http://jsfiddle.net/CK9uL/134/

我可以拖动项目从右侧到左侧的标题,并将它们排序在每个标题下。

我现在尝试在标题之间拖动项目。

我尝试过以下代码:

$(function() {
    $("#droppable ul").sortable({
        connectWith: $('.connectWith')
    }).disableSelection();
});

但列表似乎没有连接。有什么想法吗?

Please see the following fiddle: http://jsfiddle.net/CK9uL/134/

I can drag items from the right to the headers on the left and sort them under each header.

I'm now trying to drag items between headers.

I have tried the following code:

$(function() {
    $("#droppable ul").sortable({
        connectWith: $('.connectWith')
    }).disableSelection();
});

But the lists don't seem to be connecting. Any ideas?!

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

萌辣 2024-11-17 18:02:53

根据 文档connectWith 属性采用选择器,而不是 jQuery目的。假设您有其他带有 connectWith 类的可排序项,则以下内容应该有效:

$(function() {
    $("#droppable ul").sortable({
        connectWith: '.connectWith'
    }).disableSelection();
});

According to the documentation, the connectWith property takes a selector, not a jQuery object. Assuming you have other sortables with the connectWith class, the following should work:

$(function() {
    $("#droppable ul").sortable({
        connectWith: '.connectWith'
    }).disableSelection();
});
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文