首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >为什么即使我使用{cancel: false},也不能使用jQueryUI使这些按钮可拖动?

为什么即使我使用{cancel: false},也不能使用jQueryUI使这些按钮可拖动?
EN

Stack Overflow用户
提问于 2014-05-28 12:05:48
回答 1查看 60关注 0票数 0

我试图使用jQueryUI使按钮具有可拖动性和可下垂性。我知道,为了做到这一点,我必须设置cancel属性;但是,在这种特殊情况下,它似乎不起作用。我的代码是在这弹琴上

正如您所看到的,我已经将按钮设置为在单击按钮时提醒html按钮,但该函数不允许我再拖动该按钮。如果我把它移开,我的按钮就会被拖动。如果删除cancel:false属性,它(正确)将禁用拖放,因此我不确定为什么当.on(单击)出现时它不允许我拖动。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
function init() {
$('#makeMeDraggable ul li').draggable({cancel:false});
}

$("#unorderedlist").on('click','li',function(){
alert($(this).html);
}

有谁可以帮我?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2014-05-28 12:21:14

如果你看你的控制台,你会发现你有语法错误.

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
$("#unorderedlist").on('click','li',function()
{
    alert($(this).html);
}

应:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
$("#unorderedlist").on('click','li',function()
{
    alert($(this).html);
});

而且,您使用的是一个非常旧的jQuery版本。我把小提琴更新到了最近的版本

这一点现在起作用了:

小提琴

因此,始终在打开浏览器的开发工具(通常是通过F12)的情况下运行代码,以便捕获错误

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

https://stackoverflow.com/questions/23920863

复制
相关文章
iOS 悬浮可拖动可点击按钮
@implementation SearchResultViewController
星宇大前端
2019/01/15
2.5K0
iOS 悬浮可拖动可点击按钮
@implementation SearchResultViewController
星宇大前端
2022/12/22
1.8K0
jqueryUI 使用介绍
jqueryUI 网址 http://jqueryui.com/ 下载jqueryUI的js脚本 解压缩下载的项目包,文件如下: 访问项目包里面的index.html看看 可以看到展示具备了很多效果。
Devops海洋的渔夫
2019/05/31
9020
5种可立即使用的Python框架
由于简单的学习曲线、越来越快的应用程序以及机器学习辅助功能等附加优势,Python已经成了IT行业的流行词。
一墨编程学习
2019/08/07
6720
5种可立即使用的Python框架
在 Flutter 中创建可拖动的浮动操作按钮[Flutter专题15]
Flutter 允许您使用FloatingActionButton小部件添加浮动操作按钮。但是,它不允许您拖动按钮。如果你想让它可拖动怎么办。本教程有一个示例,说明您需要做什么才能创建浮动操作按钮,只要它位于父小部件内,就可以将其拖动到屏幕周围的任何位置。
徐建国
2021/12/07
5.7K0
在 Flutter 中创建可拖动的浮动操作按钮[Flutter专题15]
使用easydrag实现可拖动的DIV弹出框
最近在工作中遇到了jquery的easydrag插件,我有一种相见恨晚的赶脚!easydrag极大的方法我们实现div弹框这个功能,使我爱不释手! 在没遇到easydrag插件之前,想实现一个弹出框并不是一件轻而易举的事情! 人们常说没有不劳而获的事情,但在编码的世界中却不是这样。更多的开源框架方面了我们,也毒害了我们!
业余草
2019/01/21
2.3K0
使用easydrag实现可拖动的DIV弹出框
这还是我认识的WPS吗?这些功能也太可了吧!
没错,WPS可不是什么模仿微软的盗版软件出身,人家可是金山早在1988年就自主研发出来的办公软件!
程序员晚枫
2022/12/09
1.5K0
这还是我认识的WPS吗?这些功能也太可了吧!
Jquery中dialog属性小记
还是先看例子吧。另外如果要拖动、改变dialog的大小的话要加上ui.draggble.js和ui.resizable.js
Java架构师必看
2021/05/20
2.1K0
拖动条(SeekBar)使用
SeekBar 是水平进度条 ProgressBar 的间接子类,相当于一个可以拖动的水平进度条。
李小白是一只喵
2020/04/23
1.8K0
拖动条(SeekBar)使用
为什么我们不能使用KUBERNETES 原
kubernetes的服务发现到node创建启动,最终到提供服务,中间都离不开iptable的nat模块,在业务高访问量的情况下,这是无法满足性能要求的。
domain0
2018/08/02
7720
2020-5-22-如何使WPF在窗口外部区域可拖动缩放
有同学马上想到了,通过WindowChrome的ResizeBorderThickness属性进行设置
黄腾霄
2020/06/10
1.9K0
为什么这些网站都在使用CFCA证书
在今天的数字时代,保障数据的安全至关重要,尤其是对于金融机构、政府部门和大型企业等组织而言。证书颁发机构在这一领域扮演着关键的角色,而CFCA(中国金融认证中心)证书已经脱颖而出,展现了其与其他证书的显著优势。本文将探讨CFCA证书相对于其他证书的独特优势。
涂样丶
2023/10/23
5590
为什么这些网站都在使用CFCA证书
为什么我避免使用async/await?
JavaScript中的async/await功能的效用是基于这样的想法:异步代码很难,相比之下,同步代码更容易。这在客观上是正确的,但在大多数情况下,我不认为async/await真的能解决这个问题。
智影Yodonicc
2022/06/07
2K0
为什么我避免使用async/await?
我为什么喜欢使用Typora
虽然写作能力很一般,但这些年也一直在坚持输出,最早是在博客园,其他的一些博客平台也都有所尝试,后来又折腾独立博客,18 年又开始写公众号。
oec2003
2022/03/29
7690
我为什么喜欢使用Typora
为什么单选按钮和复选框不能共存?
事实上,用户也需要知道这两个组件的区别(ps:间接说明了这两个组件并不直观)。它们的外观本身并不能反映它们在功能上的细微差别。视觉线索上只有圆点和复选框的区别;除了选项之外,其他对用户毫无意义。因此,单选按钮和复选框同时存在违反了用户体验中的一致性原则。
奔跑的小鹿
2022/01/18
1.5K0
为什么单选按钮和复选框不能共存?
为什么不能使用 Application Context 显示 Dialog?
看到报错信息中的 token ,不知道你还记不记得上篇文章中介绍过的 Activity.attach() 方法:
路遥TM
2021/08/31
1.4K0
为什么不能使用 Application Context 显示 Dialog?
看到报错信息中的 token ,不知道你还记不记得上篇文章中介绍过的 Activity.attach() 方法:
字节流动
2020/11/30
2K0
为什么不能使用 Application Context 显示 Dialog?
为什么不能直接在 useEffect 中使用 async
在代码中,我们会使用 async/await 从第三方 API 获取数据。如果你对 async/await 熟悉的话,你会知道,每个 async 函数都会默认返回一个隐式的 promise。但是,useEffect 不应该返回任何内容。所以你会在控制台日志中看到以下警告:
小鑫
2022/04/22
2.6K0
点击加载更多

相似问题

即使使用includeFontPadding=false,Android按钮文本也不能居中。

226

jqueryui可拖动,不能拖出容器

11

jQueryUI可拖动定位不能正常工作

13

为什么即使使用这些命令,我也不能在ubuntu中运行java?

13

如何使用SwiftUI使按钮可拖动/可移动?

22
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文