2016 - 2024

感恩一路有你

jquery拖拽布局插件 如何使用jQueryDraggable和Droppable实现拖拽功能?

浏览量:1483 时间:2021-03-15 16:36:40 作者:admin

如何使用jQueryDraggable和Droppable实现拖拽功能?

基本达到你的要求,参考的是网上的jQuery

把句柄拖出带有div的容器,拖出这个div就可以把句柄移出来

没有拖出的概念,只能把句柄拖入main,但是main包含容器,所以即使拖出容器也是拖入main,所以使用div,只有当你在这个div中拖动时,你才能将手柄移出

作为一个来自ASP时代的老程序员,我们可以负责任地说,web开发拖动控件在10多年前与Microsoft aspdotnet一起推出时已经通过了webform,这项技术已经实现,并且它仍然处于产品生命周期中。虽然没有更新新功能,但仍有正常的产品维护。

在webform技术刚刚诞生的时代,许多Delphi/VB开发人员刚刚从拖拽控制转向web开发。在这个时候,webform,它有着类似于本地开发的简单的入口和事件模型,甚至一经推出就变得流行起来。它已成为开发B/s(即所谓的浏览器/服务器)应用程序的首选技术。

那是一个互联网不太流行的时代,每个人都在做MIS。尽管webform很流行,但这是因为webform的事件模型本质上需要提交一个页面并与后端服务器交互,这与Ajax和其他技术在根本上是矛盾的。而且,通过拖拽控件,页面会产生大量冗余的HTML标签,导致页面尺寸巨大,CSS很难应用。

随着web开发技术的发展,用户对前端体验的要求越来越高,浏览器和W3C标准也在不断演进,甚至有专门的前端开发工程师。在本例中,代码臃肿、体验差的webform已经被手工编写的HTML/CSS/JS页面所取代。

当然,市场一直需要以拖放控件的形式进行无代码或无代码开发。微软也尝试在后期推出LightSwitch等flash即插即用技术,但一般来说,目前HTML页面主要是手工开发。然而,随着单页应用程序spa和web组装等HTML技术的出现,很有可能在未来会出现许多拖动控件开发工具。让我们拭目以待。

jquery拖拽布局插件 jquery ui 中文手册 jquery拖拽事件处理

版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。