文章/答案/技术大牛

发布

社区首页 >问答首页 >为什么jQuery draggable()不能在表单上工作

问为什么jQuery draggable()不能在表单上工作
EN

Stack Overflow用户

提问于 2011-11-07 21:23:43

回答 3查看 648关注 0票数 1

<form action="">
    <input type="button" value="testing" >
</form>

$('form').draggable();

在 http://jsfiddle.net/HQBrw/检查小提琴

draggable

jquery

forms

回答 3

Stack Overflow用户

回答已采纳

发布于 2011-11-07 21:33:58

它在这里工作：

定义表单的height和width，并使用jQuery UI 1.8.16

见DEMO

票数 3

Stack Overflow用户

发布于 2011-11-07 21:32:12

我会在div中放置一个表单，然后拖动div而不是表单：

演示

票数 1

Stack Overflow用户

发布于 2012-06-03 15:47:06

默认情况下，输入(和按钮) 从拖放中禁用。 (和可排序)。可以通过将“取消”设置为其他内容来禁用此行为：

<form action="">
    <input type="button" value="testing" >
</form>
$('form').draggable({cancel:''});

参见演示at：http://jsfiddle.net/soderlind/xbBNb/

副作用是，您将无法单击按钮:/

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/8046298

复制

jQuery ui中sortable draggable droppable的使用

api https html 网络安全 jquery

最近工作中用到了jQuery UI中排序和拖拽功能，花了大概一天的时间，搞清楚了大概的参数配置，以及遇到的一些问题，总结如下。

Daotin

2020/07/25

2.2K0

使用jQuery Draggable和Droppable实现拖拽功能

jquery ajax

上篇博客中已经介绍了web开发中基本拖放原理，现在给出需要完成的功能。最后运行的效果如下图所示：主要功能需求说明： 1.左侧的元素结构最后会通过Ajax call服务器的数据来生成，能支持多级元素。

八哥

2018/01/18

2.9K0

jquery 表单验证

jquery android

("form :input.required").each(function(){

用户5760343

2019/10/10

3.6K0

jquery 表单事件

jquery

.blur() 　　当元素失去焦点的时候触发事件。　　.blur(handler(eventObject)) 　　　　handler(eventObject) 　　　　　　每当事件触发时候执行的函数。　　.blur([eventData],handler(eventObject)) 　　　　eventData 　　　　　　一个对象，它包含的数据键值对映射将被传递给事件处理程序。　　　　handler(eventObject) 　　　　　　每当事件

用户1197315

2018/01/19

1.5K0

draggable的用法_draggable

java https 网络安全 css

通过前面几节学习，大家应该都知道了，一个div对象是可以通过拖拉来改变大小，也可以通过拖动来改变其位置的。如何改变大小已经讲解过了，那么怎么实现拖动改变位置呢？现在就开始讲解如何实现拖动 — Draggable。

全栈程序员站长

2022/09/20

1.1K0

JQuery表格表单操作

其他

1、多选框应用代码示例 <form action=”#” method=”post”> 你喜欢的明星是？<br /> <input type=”checkbox” name=”boxs” value=”张嘉译” id=”1″ /><label for=”1″>张嘉译</label> <input type=”checkbox” name=”boxs” value=”周润发” id=”2″ /><label for=”2″>周润发</label> <input type=”checkbox” name=”bo

苦咖啡

2018/05/07

1.5K0

Jquery 异步提交表单

后台

前台部分代码： <div id='error'></div> <input type='text' id='username' name='username' readonly='Readonly'/> <input type='password' id='password' name='password'> <input type='text' id='company' name='company'> <input type='text'

用户1503405

2021/09/23

3K0

jquery 操作表单表格

add contains image png 表格

$("tr:contains('王五')").addClass("selected")

用户5760343

2019/10/08

1.5K0

JQuery 学习—JQuery Validation表单验证范例[通俗易懂]

https java 网络安全 jquery html

jQuery Validato表单验证插件，它是基于jQuery类库，实现了js脚本于页面html代码的分离。你可以划分多个校验组，每个组的校验都是互不影响。对一个表单对象，你只需要写一行代码就可以轻松实现无数种（理论上）脚本控制。

全栈程序员站长

2022/07/19

1.8K0

使用jQuery UI的draggable和droppable完成拖拽功能--介绍

android jquery

第一部分--拖拽介绍在https://code.csdn.net/2013ossurvey中最后一个开源项目就是zTree，一方面是因为自己看到有项目中使用了zTree，而已大家表示还不错。另外一方面，自己需要实现一个zTree不支持的复杂逻辑的拖拽功能。总体来说，我要实现的是一个可以拖拽的树形列表。当然最新版zTree也支持多课树之间的数据交互。当然一般的企业开发或者web开发中，使用到2个或3个数就足够了。太多了树形结构对于用户来说，也非常复杂。个人推荐不是非常复杂的需求都可以考虑使用zTree，因为

八哥

2018/01/18

2.2K0

使用jQuery UI的draggable和droppable完成拖拽功能--介绍

为什么不建议你国庆前找工作

企业

最近在面试过程中，以上内容就是简历的问题。打算换工作或正在找工作的朋友，可以参考一下。

李才哥

2019/09/25

3.9K0

jquery表单属性筛选元素

jquery

$(":button") 选择所有按钮元素类型为按钮的元素。等于$('input[type="button"]') $(":checkbox") 选择所有类型为复选框的元素。等于$('input[type="checkbox"]') $(":checked") 选择所有勾选的元素。 $( "input:checked" ) $(":disabled") 选择说有被禁用的元素。 $("input:disabled").val("不能输入") $(":enabled"

用户1197315

2018/01/19

1.5K0

jQuery Validate 前端表单验证

laravel

文档地址首先引入 <script src="http://static.runoob.com/assets/jquery-validation-1.14.0/lib/jquery.js"></script> <script src="http://static.runoob.com/assets/jquery-validation-1.14.0/dist/jquery.validate.min.js"></script> <script src="http://static.runoob.com/asse

友儿

2022/09/11

1.4K0

用jquery实现表单验证_jquery验证插件

jquery http spring 编程算法

功能强大的 jQuery 表单验证插件，适用于日常的 E-mail、电话号码、网址等验证及 Ajax 验证，除自身拥有丰富的验证规则外，还可以添加自定义的验证规则。

全栈程序员站长

2022/11/09

4.3K0

JQuery 学了不亏

javascript jquery

jQuery是JavaScript的工具库，对原生JavaScript中的DOM操作、事件处理、包括数据处理和Ajax技术等进行封装,提供更完善，更便捷的方法。

杨丝儿

2022/02/24

1.8K0

jQuery formValidator表单验证插件

jquery

jQuery formValidator表单验证插件是客户端表单验证插件。 Query formValidator表单校验插件支持的验证功能（还有很多功能没有罗列）罗列如下：支持所有类型客户端控件的校验支持jQuery所有的选择器语法，只要控件有唯一ID和type属性。支持函数和正则表达式的扩展。提供扩展库formValidatorReg.js，你可以自由的添加、修改里面的内容。支持2种校验模式。第一种：文字提示(showword模式)；第二种：弹出窗口提示(showalert模式) 支持多个校验组

wangxl

2018/03/07

2.5K0

jquery 表单验证插件validate

html javascript php 命令行工具

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <script src="../../scripts/jquery.js" type="text/javascript"></script> <script src="lib/jquery.validate.js" type="text/javascript"></script> <style type="text/css">

用户5760343

2019/10/10

1.6K0

jQuery validate 表单验证插件

其他

最近写了两个组表单提交的页面，好久没用jQuery，在写的时候总遇到一些莫名其妙的为难题，这里记录一下。

libo1106

2018/08/08

1.6K0

用JQUERY做大表单(多表单域)AJAX提交

ajax

function postData() { var post = ""; $(":text").each(function() { post += "&" + this.name + "=" + this.value; }); $(":password").each(function() { post += "&" + this.name + "=" + this.value; }

liulun

2022/05/09

1.3K0

JavaScript学习笔记（五）——Ajax

jquery javascript 文件存储 ajax http

jQuery插件就是开发爱好者自己利用jQuery制作的特效，然后打包成js文件，发布到网上供大家使用的脚本集合。

wsuo

2020/07/31

1.9K0

相似问题

jQuery .draggable功能在移动设备上不工作

ui.size不能在draggable() jquery中工作

为什么jQuery-UI draggable不能工作？

jsplumb draggable不工作。

为什么我的html draggable在触摸屏上不工作？

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

问为什么jQuery draggable()不能在表单上工作
EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

jQuery .draggable功能在移动设备上不工作

ui.size不能在draggable() jquery中工作

为什么jQuery-UI draggable不能工作？

jsplumb draggable不工作。

为什么我的html draggable在触摸屏上不工作？

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问为什么jQuery draggable()不能在表单上工作EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

jQuery .draggable功能在移动设备上不工作

ui.size不能在draggable() jquery中工作

为什么jQuery-UI draggable不能工作？

jsplumb draggable不工作。

为什么我的html draggable在触摸屏上不工作？

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问为什么jQuery draggable()不能在表单上工作
EN