Question

我有一个新的计划项目，客户喜欢BBC在主页上的拖放部分。怎么做的？是用像Sencha或jQuery这样的框架吗？

由于

Rich：）

Answer 1

BBC使用自己的JavaScript框架Glow。您所看到的可能是sortable widget。

sortable widget documentation底部的“可自定义主页演示”看起来像是BBC主页的准系统版本。

Answer 2

$(function(){   
    $('.bucket').sortable({
        connectWith: '.bucket'
    });

    $('.element').draggable({
        connectToSortable: '.bucket'
    });
    $('ul', 'li').disableSelection();
})

这允许您拥有许多容器，并且可以在容器之间拖动元素。

按'+'元素创建'任务'。然后尝试拖动它。例如：http://jsfiddle.net/RD5M6/3/

进一步阅读：http://jqueryui.com/demos/sortable/

Answer 3

很可能是http://jqueryui.com/demos/sortable/#display-grid

的自定义版本

Answer 4

BBC最有可能使用自己的Javascript库。如上所述，发光。

但是这种类型的界面也可以通过jQueryUI或Scriptaculous来实现：

http://jqueryui.com/demos/draggable/

http://madrobby.github.com/scriptaculous/draggable/

在BBC网站上拖放部分，它是如何完成的？

4 个答案: