首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

jQuery hide()对draggable()元素无效

jQuery hide()方法用于隐藏元素,而draggable()方法用于使元素可拖动。根据问题描述,当对一个元素应用了draggable()方法后,再使用hide()方法时,hide()方法对该元素无效。

这是因为draggable()方法会给元素添加一些样式和事件处理程序,以实现拖动功能。而hide()方法只是简单地将元素的display属性设置为none,从而隐藏元素。由于draggable()方法添加的样式和事件处理程序可能会覆盖或修改元素的display属性,导致hide()方法无法生效。

解决这个问题的方法是,在调用hide()方法之前,先调用draggable("destroy")方法来移除元素上的拖动功能。代码示例如下:

代码语言:javascript
复制
$("#elementId").draggable("destroy");
$("#elementId").hide();

这样先移除了拖动功能,再隐藏元素,就能够使hide()方法生效了。

推荐的腾讯云相关产品:腾讯云云服务器(CVM)

腾讯云云服务器(CVM)是一种可随时扩展的云计算服务,提供高性能、可靠稳定的云服务器实例。您可以根据业务需求选择不同的配置和操作系统,快速创建和管理云服务器。腾讯云云服务器支持多种操作系统和应用场景,适用于网站托管、应用程序部署、游戏服务等各种场景。

产品介绍链接地址:腾讯云云服务器(CVM)

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

jQuery (二)

width: ['hide', 'linear'], height: ['hide', 'linear'], opacity: 'hide' }) 动画取消,延迟和队列 stop() 将会停止当前选中元素上的任何动画...,即,使用queque()方法,给队列添加一个新函数 // 淡入的显示一个元素,稍等片刻,设置一些文字,然后变化边框,为队列的操作,添加到队列的最后 $('#message').fadeIn().delay...的插件的封装 使用jQuery.fx.speeds完成对缓动函数的封装 扩展css选择,使用jQuery.expr';'完成对css选择的封装 jQuery.expr[':'].draggable =...function(e) { return e.draggable === true; } 使用 $('img:draggable'); 等价于 $('img[draggable=true]')...上方封装的一个选择器为可拖动的元素draggable为true的时候,可以对元素进行拖动,这是h5的内容 一些注意事项 不要依赖$ 插件要返回this 插件有两个或者两个以上的选项,使用对象直接传入

9.3K30

Interview

纯表现元素、部分浏览器支持的元素可用性产生负面影响的元素 纯表现元素:basefont、big、center、font、s、strike、tt、u 用css代替 部分浏览器支持的元素:applet..." draggable="true">Draggable Div var draggableElement = document.getElementById("draggable....o-hide p——译者注)。...不仅如此,一旦 display 设为 none 任何元素直接打用户交互操作都不可能生效。此外,读屏软件也不会读到元素的内容。这种方式产生的效果就像元素完全不存在。...任何这个元素的子孙元素也会被同时隐藏。为这个属性添加过渡动画是无效的,它的任何不同状态值之间的切换总是会立即生效。 不过请注意,通过 DOM 依然可以访问到这个元素

78830

自己写一个jqery的拖拽插件

说实话,jQuery比原生的js好用多了,本来想用原生写的,也写出来的,仅仅是,感觉不像插件,所以用jQuery实现了一版。...基本的两段代码例如以下: $.zUI = $.zUI || {} /* * draggable * 參数:obj{ * bOffsetParentBoundary:是否以定位父亲元素为边界...); } } 须要说明的有几点: 1.鼠标落下后,要记录鼠标相对元素的位置,mousemove的过程中,要把这段距离减去; 2.jQuery的data方法,这种方法很方便,能够讲数据和相应的元素绑定...细致看看,就是加入�了两个方法:draggable和undraggable;这两函数都调用this.each方法,让dragable和undraggable能够再每一个元素上都运行。...最后,用一个匿名函数自运行把他们都包起来,为了防止$符号被其它的插件使用,传一个jQuery过去: (function($){ ....... })(jQuery); 到此为止,

1K20

使用jQuery的delay()延迟执行show()和hide()不起效的解决方法

今天使用 jQuery 的 delay() 来延迟执行 hide() ,发现延时不起效,查了一些资料,找到了其中的原因。... 和 hide() 却不起效: HTML: test jQuery : $("#test").delay(5000)....show();  //延迟5秒来现在id为test的div 上边的代码无效,必须得在 show() 中传参数: $("#test").delay(5000).show(function(){}); //...同样的 hide() 也如此。 看一下 jQuery文档 delay() 的解释: 设置一个延时来推迟执行队列中的项目,它既可以推迟动画队列中函数的执行,也可以用于自定义队列。...也就是说只有 show() 或 hide() 带有参数的时候才能被插入执行队列中。 简单的说,其实 show() 和 hide() 在不加参数的情况下是直接元素的 display 样式设置。

3.2K10

python测试开发django-167. jQuery中append() 动态新增的元素 click 事件无效的解决办法

前言 使用append新增的div元素,绑定click事件无效的几种解决办法 遇到问题 绑定select下拉框click事件 // 绑定select下拉框click事件...}) 新增的div上点击事件没监听到 主要原因是事件是在 dom 加载的时候就已经完成了,新增的 div 元素 click 事件就无效了。...使用live live()函数会给被选的元素绑定上一个或者多个事件处理程序,并且规定当这些事件发生时运行的函数。 通过live()函数适用于匹配选择器的当前及未来的元素。...}) 看到网上很多都是用的live方法,但是会报错:TypeError: $(…).live is not a function 主要原因是jquery中的live()方法在jquery1.9...使用on 接下来还是使用on的方法,把点击事件绑定到它父元素上,这样就可以了 // 绑定select下拉框click事件 $('#cards').on('click',

89020

jQuery中的一些事件以及动画

(){ console.info("jQuery3"); }) 结果三句话全都打印 绑定事件两种方式 元素.on(“事件名”,function(){}) 同bind,on可以替换bind两种写法一样....unbind(“事件名”); 移出事件,直接元素使用unbind  或 off 来移出指定的事件 例如在某些情况下,按钮只能点击一次,点击一次后再点击就无效 案例:按钮只能点击一次 $("#myBtn...之后再点击就无效 注意:一般情况,不会使用unbind,推荐使用变量控制事件 案例:点击按钮偶数次可以,奇数次则失效 var i=0; $("#myBtn").click(function(){ i++...(time); $("#hide").click(function(){ $(".big").hide(1000); }) 点击按钮就隐藏div 切换:toggle(time); $("#showAndHide...),距离 通过用top=”+=”  top=”-=” 来直接元素本身的属性赋值,我们用一个按钮来演示效果 <input type="button" name="" id="topBtn" value=

2.1K20

扫码

添加站长 进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

    运营活动

    活动名称
    广告关闭
    领券