jQuery 可排序,水平对齐网格

发布于 2024-12-11 20:18:54 字数 394 浏览 0 评论 0原文

我有一个生成用 li 包裹的 div 的表单。我已经使这个列表可以排序。

我还需要找到一种方法让 li 向右缩进 40px(在视觉上使其成为上面 li 的子级)。如果一个 li 缩进,那么下一个 li 可以选择缩进 80px。这将用于创建菜单树。

我的表格可以正常工作,这是小提琴, http://jsfiddle.net/clintongreen/BMX4J/11 /

我不知道如何进行水平对齐,请帮助

这样做的目的是模仿 Wordpress 中的功能 - WPAdmin/Appearance/Menus/Pages

请询问您是否有任何疑问。干杯

I have a form that generates divs wrapped in an li. I have made this list sortable.

I also need to find a way for the li to indent 40px to the right (visually making it a child of the li above). If an li is indented, then the next li has the option to be indented by 80px. This will be used to create a menu tree.

I have the form working, here is the fiddle, http://jsfiddle.net/clintongreen/BMX4J/11/

I have no idea how to do the horizontal snapping though, please help

The purpose of this is to mimic the functionality found in Wordpress - WPAdmin/Appearance/Menus/Pages

Please ask if you have any questions. Cheers

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

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

发布评论

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

评论(1

吲‖鸣 2024-12-18 20:18:54

嵌套可排序 jQuery 插件 是一个不错的起点。

Nested Sortable jQuery Plugin is a nice place to start.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文