jQuery hide()对draggable()元素无效
jQuery hide()方法用于隐藏元素，而draggable()方法用于使元素可拖动。根据问题描述，当对一个元素应用了draggable()方法后，再使用hide()方法时，hide()方法对该元素无效。
这是因为draggable()方法会给元素添加一些样式和事件处理程序，以实现拖动功能。而hide()方法只是简单地将元素的display属性设置为none，从而隐藏元素。由于draggable()方法添加的样式和事件处理程序可能会覆盖或修改元素的display属性，导致hide()方法无法生效。
解决这个问题的方法是，在调用hide()方法之前，先调用draggable("destroy")方法来移除元素上的拖动功能。代码示例如下：
$("#elementId").draggable("destroy");
$("#elementId").hide();这样先移除了拖动功能，再隐藏元素，就能够使hide()方法生效了。
推荐的腾讯云相关产品：腾讯云云服务器（CVM）
腾讯云云服务器（CVM）是一种可随时扩展的云计算服务，提供高性能、可靠稳定的云服务器实例。您可以根据业务需求选择不同的配置和操作系统，快速创建和管理云服务器。腾讯云云服务器支持多种操作系统和应用场景，适用于网站托管、应用程序部署、游戏服务等各种场景。
产品介绍链接地址：腾讯云云服务器（CVM）
相关·内容
我在解决方案中的一些工具提示框上正确使用jQuery draggable()时遇到了一个问题。posOfTooltip.top, left: posOfTooltip.left }); $Tooltip.show(); var $This = $(this);
$(document).find("#" + $This.parent()
浏览 7提问于2017-11-24得票数 0
我有以下代码： $('.dragThis').draggable({ 'border-color': '#0f0' $('.dragThis').draggable</e
浏览 7提问于2015-12-29得票数 1
2回答
toggle').click(function(){});
$('#source div').draggable请参阅
现在，当您尝试将一个项目从源拖放到可排序的目录中时，它不接受可拖放
浏览 3提问于2011-03-05得票数 4
回答已采纳
我正在尝试使用一个关键代码来创建多个相同类型的元素，所有这些元素都可以拖动。只要在页面加载时创建了draggable元素，jQuery函数就有效，但如果它是使用函数创建的，则draggable()方法对其无效。有没有办法让函数识别用函数创建的元素？ <!meta charset="utf-8">
<meta name="viewport" content="wid
浏览 47提问于2021-03-17得票数 1
回答已采纳
Draggable1 div应该被droppable1 div所接受，等等。此功能起作用。<div class="wrap">
<div class="draggables" id="draggable
浏览 3提问于2015-11-26得票数 1
回答已采纳
1回答
我有3种不同的jQuery便便物。$(".pages").droppable({});<div id="droppable3" class="droppable" style="height: 300px; widt
浏览 4提问于2016-08-26得票数 1
回答已采纳
2回答
这是我的代码：$(function() { stack: 'div', }); // click function }
})containers = $('
浏览 2提问于2019-08-04得票数 3
回答已采纳
1回答
ui-droppable-hover": "ui-state-hover" drop: function(event, ui) { " <span class='answers'><b class='blue-text' rel='" +
ui.dr
浏览 0提问于2018-08-02得票数 2
回答已采纳
我有一个图像元素，我希望能够拖动到一个可下垂的区域，并发出ajax post请求，但是如果失败，可拖放元素应该返回到它的位置。另外，如何找到元素所在的可下垂区域，我知道如何找到被删除的项目，但不知道它所在的区域。$(function() { $(".
浏览 4提问于2014-07-14得票数 1
回答已采纳
3回答
可下拉式可排序
、、、、
如何将可排序限制为只接收一个元素，如果有多个元素掉到上面，则恢复为原始元素。注释行代码用于禁用在可排序上删除第二个元素。这不像预期的那样有效。拖放元素从一个可下垂的地方移动到另一个可拖的地方。() {
jQuery('.ui-draggable').live({
mousedown: function () {data-id
浏览 1提问于2017-12-01得票数 2
1回答
我正在跟随jQuery可拖动项的。});
$(this).next(".parts-
浏览 0提问于2013-05-27得票数 2
回答已采纳
jQuery('.helpDialog').hide();
jQuery(this).next('.helpDialogautoOpen: true, width: 500, position: [180,10],
draggable</
浏览 0提问于2010-12-23得票数 5
回答已采纳
1回答
元素拖动到排序时不响应。
、、、
我试图将元素从块元素的div拖到可排序的div。要拖动#block div中的元素，没有句柄，但是在#sortable div中有一个句柄来拖动元素，单击元素时会显示该句柄。问题是，从#block div拖动的元素在从#block div拖动到#sortable div时确实响应，它不显示.drag_handle。联署材料：
$('#content #sortable .draggable').on("click", func
浏览 0提问于2015-10-03得票数 0
回答已采纳
3回答
我试图在DOM中移动一个可拖动的元素，但是每当我尝试replaceWith()或remove()或类似的函数时，它的可拖放性就会丢失。
有没有可能使元素在DOM中移动时不会失去可拖放性？
浏览 0提问于2009-08-28得票数 1
回答已采纳
1回答
当我将LI元素鼠标拖动到'Drop Header‘上时，内部div就会出现，并且我可以将LI元素放到哪里，但是当我到达这个内部拖放区域时，它就会消失。这是 $("#dragLi > li").draggable({helper: "clone"});
浏览 6提问于2014-11-27得票数 0
1回答
，但是元素总是放在top.Strane图片下面，在没有任何更改之前，我无法在图片上移动元素:(另一个strane问题是，我首先要调整该元素，第二个对象过来了，只是重叠了吗？/ui/1.10.3/themes/smoothness/jquery-ui.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery&
浏览 3提问于2013-10-10得票数 7
回答已采纳
2回答
我有一个html页面，它有一个jQuery可拖动的函数-- $(function () { }); $($("li")).draggable({
containment: "document"
浏览 3提问于2015-03-05得票数 1
回答已采纳
1回答
link: function(scope, element, attrs) { angular.element(".up-table .tr-draggable").draggable({ helper:function(){
return jQuery('<div class="up
浏览 0提问于2013-10-05得票数 0
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
腾讯云开发者
