English 中文(简体)
Drag n Dropsection on the BBC website, how it do?
原标题:Drag n Drop sections on the BBC website, how is it done?

我有一个新项目来规划并像英国广播公司在家页上的rag/ drop。 如何做到这一点? 它是否有一个像Sencha或jQuery这样的框架?

增 编

:

最佳回答

The BBC uses its own JavaScript framework called Glow. What you re looking at is probably the sortable widget.

http://www.bbc.co.uk/glow/docs/1.7/furtherinfo/widgets/sortable/“rel=“nofollow”>.sortable widget documentation 就像英国广播公司主页的光辉版。

问题回答
$(function(){   
    $( .bucket ).sortable({
        connectWith:  .bucket 
    });

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

这使你能够拥有许多集装箱,而且你可以在集装箱之间rag积元素。

Press the + element to create a task . Then try and drag it. An example: http://jsfiddle.net/RD5M6/3/

For further reading: http://jqueryui.com/demos/sortable/

http://jqueryui.com

英国广播公司最有可能使用自己的Javascript图书馆。 Glow, 上文已经提到。

但是,这种接口也可以与 j或Script合实现:

rel=“nofollow>http://jqueryui.com/demos/draggable/

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





相关问题
CSS working only in Firefox

I am trying to create a search text-field like on the Apple website. The HTML looks like this: <div class="frm-search"> <div> <input class="btn" type="image" src="http://www....

image changed but appears the same in browser

I m writing a php script to crop an image. The script overwrites the old image with the new one, but when I reload the page (which is supposed to pickup the new image) I still see the old one. ...

Firefox background image horizontal centering oddity

I am building some basic HTML code for a CMS. One of the page-related options in the CMS is "background image" and "stretch page width / height to background image width / height." so that with large ...

Separator line in ASP.NET

I d like to add a simple separator line in an aspx web form. Does anyone know how? It sounds easy enough, but still I can t manage to find how to do it.. 10x!

热门标签