将li拖出ul不可见
是指在前端开发中，通过拖拽操作将一个列表项（li）从一个无序列表（ul）中移出，并且在移出后不可见。
这个操作可以通过以下步骤实现：
- 首先，需要在前端页面中创建一个无序列表（ul）和列表项（li）。
- 使用JavaScript或者相关的前端框架，为列表项（li）添加拖拽事件监听器。
- 在拖拽事件的处理函数中，获取被拖拽的列表项（li）的引用。
- 将被拖拽的列表项（li）从无序列表（ul）中移除，可以通过使用removeChild()方法或者其他相关的DOM操作实现。
- 在移除后，可以通过修改列表项（li）的样式，将其设置为不可见，可以使用CSS的display属性设置为"none"或者visibility属性设置为"hidden"。
- 如果需要在其他地方显示被拖拽的列表项（li），可以将其插入到其他容器中，可以使用appendChild()方法或者其他相关的DOM操作实现。
这种操作在一些特定的场景中非常有用，例如在拖拽排序、拖拽删除等功能中，可以通过将列表项（li）拖出无序列表（ul）并且不可见，实现对列表项的操作。
腾讯云提供了一系列的云计算产品，其中与前端开发相关的产品包括云服务器（CVM）、云存储（COS）、内容分发网络（CDN）等。这些产品可以帮助开发者搭建稳定可靠的前端开发环境，并提供高效的数据存储和传输服务。
以下是腾讯云相关产品的介绍链接地址：
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 内容分发网络（CDN）：https://cloud.tencent.com/product/cdn
请注意，以上答案仅供参考，具体的实现方式和产品选择应根据实际需求和情况进行决策。
相关·内容
1回答
我有一个可滚动的ul <li draggable="true" class="li-object draggable" value="@item.Id"></li>
<li draggable="true&
浏览 1提问于2018-01-22得票数 1
回答已采纳
1回答
我有一个很小的HTML页面，您可以将列表项从一个div容器中拖出，这个容器有很多内容，所以它被设置为overflow:scroll (为了使它可滚动)。如文档中所述，如果将列表项从可滚动容器中拖出，则应该将其设置为scroll: false。只有使用helper: clone，才能将列表项从容器中拖出。但这不是我想要的。appendTo: body似乎只使用helper:clone (参见此处：)，由于视觉反馈，我无法使用它(如果添加到“早餐”中，li项就会消失在列表中)。这是我的jQu
浏览 2提问于2015-05-26得票数 3
回答已采纳
我有一个列表，我正在尝试创建一个系统，在这个系统中，一个人可以将一个项目从列表中拖到div (而不是其他列表)，反之亦然。</li></ul>尝试运行代码并拖放列表项，无论是在框内还是在框外。问题是，当我将项目拖出列表(ul)区域时，它不会出现，如果我将它拖到一个不可下垂的区域，它会恢复到它应该
浏览 5提问于2015-02-15得票数 0
回答已采纳
2回答
我正在开发一个简单的导航栏，它使用可见性属性在鼠标悬停时显示一个下拉菜单。但当我悬停时，该条件不会生效。这背后的逻辑是什么？
浏览 1提问于2012-07-07得票数 1
回答已采纳
1回答
我有一个长的ul元素，里面充满了li。启用了水平滚动，因此同时只有很少的<li>可见。<ul id="longScrollableDiv"> <li><a href="centerMe()&quo
浏览 3提问于2011-07-16得票数 0
回答已采纳
2回答
我有以下无序列表，我想在不悬停时隐藏，并在悬停时显示。<ul class="viewer"><div><li><a href=".html">1</a></li>
浏览 2提问于2012-06-24得票数 0
1回答
我有一个照片列表，我已经向其中添加了draggable，但是当照片被拖出父div时，我想要更改它的类，以便它指示如果您拖放它，它将被删除，然后当用户拖放它时，我希望它触发一个函数。(仅当它位于父div之外时)<li><img src=""/></li>
<li><img src=""/></
浏览 1提问于2012-02-17得票数 6
回答已采纳
我想让jquery UI元素在被拖出容器时消失。例如，假设我有一个列表， <ul class="sortable"> <li>item2</li</div>
并将可排序
浏览 1提问于2012-08-12得票数 4
回答已采纳
当两个或多个排序表与connectWith连接时，当我将项从列表中移出(而不是进入另一个列表)时，out事件不会触发。Connected lists: <li>one</li>
<li>two</l
浏览 2提问于2014-11-02得票数 1
回答已采纳
我想隐藏嵌套列表的父列表，同时保持嵌套列表可见。此外，我不希望家长占用任何空间的网页时，它是隐藏的。HTML <li class="parent">Menu <li>About</li></ul>
</
浏览 3提问于2014-11-01得票数 0
回答已采纳
我试图将一个可拖动的元素移出容器，。$("#drag ul li").draggable();
不能将元素拖出结果块之外。我试过了遏制方案，但还是不起作用
浏览 1提问于2013-11-02得票数 0
回答已采纳
如果我克隆draggable并将其附加到"body"，那么我可以将它拖出容器并将其放到其他列表中的可拖放元素上，但它不会自动滚动可拖放的无序列表。如果我克隆并附加到另一个无序列表，那么它将自动滚动可放列表，但当拖动元素时，直到它悬停在可放列表上时才可见。有没有人知道解决这个问题的办法或更好的方法？stop: function(event, ui) { }可丢弃列表html：
<<em
浏览 21提问于2017-08-15得票数 0
如何找到没有隐藏的行数，这是html <ul id="abc"> <li>List Item</li>
<li style="display:none;">List Item</li
浏览 3提问于2014-02-18得票数 1
回答已采纳
1回答
如果锚是活动的，我可以得到下一个UL (子菜单)，但一旦进入子菜单，聚焦第一个链接，我不知道如何告诉锚父UL保持打开(子菜单保持打开)。为了使UL.submenu在焦点上显示出来，我可以做一些类似于a:focus + ul的事情来显示下一个UL，但在内部，我不知道该做什么，下面是我的示例：
在我的搜索中，我确实找到了另一个示例，它的工作方式与您预期的完全一样
浏览 0提问于2014-09-08得票数 0
回答已采纳
我在我的下拉导航中的"ul a“上设置了一个悬停，将a的背景颜色改为橙色，将文本改为白色。问题是，当你向下悬停到打开父菜单上橙色背景的子菜单时，"ul a“又回到了unhovered状态。
浏览 1提问于2012-10-15得票数 0
回答已采纳
2回答
我不知道如何确定用户是否要关闭菜单，以便在关闭所有折叠菜单时将标记框值设置为默认值。看起来我只知道在点击事件之后，我不确定什么时候处理jQuery切换事件。
浏览 2提问于2009-08-13得票数 0
我有一个基本的列表项，其中包含一个嵌入的列表，当我双击li中不是嵌入的ul的任何地方时，我想打开它。<ul> <span class="name">List Name</span> &l
浏览 0提问于2011-09-21得票数 2
回答已采纳
1回答
="#">Submenu Item 2</a></li> </ul<li><a href="#">Submenu Item 6</a>
浏览 0提问于2012-11-30得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
