使用Jquery淡出任何被点击的元素
是一种常见的前端开发技术，它可以通过Jquery库提供的fadeTo()或fadeOut()方法来实现。
- 概念： 使用Jquery淡出任何被点击的元素是指当用户点击某个元素时，该元素以渐变的方式逐渐消失，直至完全不可见。
- 分类： 这种效果属于前端开发中的动画效果，通过改变元素的透明度来实现。
- 优势：
- 提升用户体验：通过渐变消失的效果，可以使页面交互更加平滑，增强用户对页面的操作感知。
- 简洁易用：使用Jquery库提供的方法，可以简化开发过程，减少代码量。
- 跨浏览器兼容性：Jquery库已经做了大量的兼容性处理，可以在各种主流浏览器上正常运行。
- 应用场景：
- 点击按钮后隐藏某个元素：可以在用户点击某个按钮时，将对应的元素以淡出的效果隐藏起来，从而改变页面布局。
- 提示信息的显示与隐藏：可以在用户点击某个提示信息时，以渐变的方式将其隐藏，提高页面的可读性。
- 图片展示效果：可以在用户点击某个图片时，以淡出的效果将其逐渐隐藏，实现图片切换效果。
- 推荐的腾讯云相关产品和产品介绍链接地址：
腾讯云提供了丰富的云计算产品和服务，其中与前端开发相关的产品包括云服务器、云存储、云函数等。具体推荐的产品如下：
- 云服务器（CVM）：提供弹性计算能力，可用于部署前端应用程序和网站。产品介绍链接：https://cloud.tencent.com/product/cvm
- 云存储（COS）：提供高可靠、低成本的对象存储服务，可用于存储前端应用程序中的静态资源。产品介绍链接：https://cloud.tencent.com/product/cos
- 云函数（SCF）：提供事件驱动的无服务器计算服务，可用于处理前端应用程序中的业务逻辑。产品介绍链接：https://cloud.tencent.com/product/scf
以上是关于使用Jquery淡出任何被点击的元素的完善且全面的答案。
相关·内容
我想知道是否有可能做到这一点。我需要创建jquery函数，它淡出任何被点击的对象。我认为这可以工作，但它不是，这将淡出所有对象时，一个被点击，有没有办法做到这一点，或者我需要创建一个单独的函数为每个淡出id或类？ $("*").click(function() {
$(this).fadeOut( "slow" );
});
浏览 23提问于2021-01-27得票数 0
回答已采纳
我试图在div被单击时隐藏该div及其子项，但不会在其任何子项发生任何事件时隐藏该div及其子项；例如，滑动、点击或单击。
在单击时隐藏div的jQuery很简单：
$("#tabs").click(function(){
$(this).fadeOut();
});
但我注意到，当它的子项被点击或滑动时，div就会淡出。
当这些事件发生在div的子级上时，我如何防止div淡出，而只允许它在单击时淡出？
浏览 1提问于2013-03-21得票数 3
回答已采纳
1回答
我正在尝试使用jquery对td的不透明性进行动画处理。当一个td被点击时，我想要动画任何td的输出和淡出被点击的td。
我遇到了一个关于闪烁的奇怪问题：
被点击的td淡入，然后迅速淡入和淡出。我已经检查了firebug，该事件只被触发一次。我已经用无序列表尝试了相同的代码，一切都按预期运行。
你知道为什么会发生这种情况吗？
浏览 1提问于2012-05-02得票数 1
回答已采纳
3回答
我试图通过以下方式将jQuery .fadeIn("slow");与append();连接到forEach();循环中：
items.forEach(function (item) {
showData.append('<div>Test</div>').fadeIn('slow');
});
然而，一旦循环被触发，div被添加的数量仍然没有被添加到淡出效果。任何想法，我可以如何获得淡出效果工作，通过jQuery或CSS，无论是什么是最好的解决方案。
浏览 2提问于2017-08-16得票数 0
回答已采纳
我有一个简单的要求，我正在努力。
使用jquery，我想单击一个链接来显示div，然后可以单击任何地方，但现在显示的内容可以再次隐藏它。
我已经完成了第一部分，我可以通过点击链接输入/输出div。但我不知道如何添加，而不是只点击链接淡出，这将是，你可以点击任何地方，除了蓝色的内容区域淡出。
因此，您通过单击链接淡入，但通过单击所显示的内容以外的任何内容而淡出。
$("#clickme").click(function() {
$("#extra").fadeToggle();
});
我曾经想过以html或文档为目标来关闭，但这不起作用，因为#clickm
浏览 2提问于2015-01-08得票数 0
回答已采纳
2回答
我想使用jQuery在单击按钮时将元素的不透明度在0.3和1.0之间切换。
我遇到的麻烦是在不透明度为0.3的情况下开始元素，然后在第一次单击时，使其在不透明度为1.0的情况下完全可见。我尝试过的代码如下：
$(document).ready(function(){
//Start faded to 0.3
$(".fadingElement").fadeTo(0, 0.3);
//When the trigger is clicked first, fade the relevant item back up to 1.0
$("d
浏览 2提问于2011-08-02得票数 1
回答已采纳
2回答
我使用下面的jquery使所有对象淡出，然后淡出。然而，我希望被悬停的元素立即淡出到完全不透明，而不是等待其他元素淡出。
$('a').bind('mouseenter',function(){
$(this).fadeTo(0,1);
$('a').not($(this)).fadeTo('fast', 0.25);
}).bind('mouseleave',function(){
$('a').fadeTo('slow',
浏览 0提问于2012-07-05得票数 0
6回答
我想删除一个div元素的点击事件，但我想删除它的淡出效果。我有一些JQuery解决方案，但我需要纯JavaScript或css解决方案。
document.querySelector('.list').addEventListener("click", function(e){
if (e.target.localName === "span") {
var removeTarget = e.target.parentNode.parentNode;
removeTarget.parentNode.remo
浏览 13提问于2015-10-29得票数 24
回答已采纳
我有一个叫.flyout的jQuery淡入淡出盒子。当你关闭它的时候，我会将它淡出。我也希望它淡出，如果另一个被点击。我尝试只隐藏所有.flyout类，但这会导致当前活动的.flyout在您单击它时迅速淡入和淡出。我尝试过jQuery not，parent，siblings等等，但都不能正常工作。
//hide flyout
$("body").on("click", function() {
$(".flyout").fadeOut(150);
});
//show flyout
$(".rate").on("c
浏览 0提问于2013-01-13得票数 0
回答已采纳
在Jquery中，如果我有一个div，里面有不同的元素，一个select，一个搜索输入，等等，当我在div之外点击页面时，div会淡出，但我可以点击select并输入搜索输入，而不会淡出，我该怎么做呢？任何帮助都是非常感谢的。-nick
浏览 3提问于2010-01-24得票数 8
回答已采纳
我正在使用jQuery淡出我构建的“通知”气泡。第一次调用该函数时，它会淡出，但第二次“通知”会被附加到正文中，但它只是停留在那里，不会淡出。任何帮助都将不胜感激。
下面是被调用的Javascript。
if (pointsCalculated = 1) {
$('body').append('<div id="progress">' + pointsCalculated + ' point added to current points...</div>');
}
else {
$
浏览 0提问于2012-03-21得票数 2
回答已采纳
我可以用单击淡出div，但是如何使用相同的单击来切换div，即在单击时淡出div，然后在第二次单击时淡出div。
我想要肚脐按钮被点击一次，打开覆盖，然后再次点击淡出覆盖。
<script>
$(document).ready(function(e) {
$('.navbar-toggle').click(function(e){
$('.overlay, .popup').fadeIn('slow');
});
$('.navbar-toggle').click(function(
浏览 3提问于2015-05-14得票数 0
回答已采纳
2回答
我有一个切换淡入淡出效果，但当你点击按钮多次，它淡入和淡出不止一次。(因此，如果我快速单击淡入淡出id 20次，它将淡入淡出多次)我该如何停止此操作并使其仅在动画完成时才能切换淡入淡出？我尝试获取当前值并执行if语句，但不起作用:*(
谢谢
jQuery.fn.fadeToggle = function(speed, easing, callback) {
return this.animate({opacity: 'toggle'}, speed, easing, callback);
};
$(document).ready(function() {
$(
浏览 1提问于2009-10-06得票数 3
回答已采纳
我正在制作一个包含游戏列表的页面。我添加了按类型过滤游戏的单选按钮。我使用jQuery在用户点击流派过滤器时优雅地淡入淡出游戏列表。
问题是，每次你点击一个单选按钮，游戏列表就会尴尬地淡入和淡出两次。请参阅：
下面是我使用的脚本：
$('input[name$="group1"]').click(function(){
var radio_value = $(this).val();
if(radio_value=='Adventure') {
$('#games div').fadeOut(&
浏览 3提问于2013-03-21得票数 1
回答已采纳
2回答
我有jQuery代码，可以在点击时淡出一个div。我有一个电子邮件类型列表，每个都有一个删除按钮，我想淡出的div点击，但它只是淡出拳头div。这是我的代码。
$(document).ready(function(){
$( "#message-close" ).click(function() {
$( "#messages-wrapper" ).fadeOut( "slow", function() {
});
});
});
例如，假设我有10个div，每个div都包装在#message-wrapper中，并
浏览 0提问于2017-02-16得票数 0
我都快疯了想要弄清楚这件事。在我的网站主页上，我有一个滑块，当前有四个项目( html是动态创建的，所以这个解决方案必须适用于任何数量的项目)。这些项目绝对位于彼此的顶部。该脚本可以做两件事：
1)当单击滑块导航项目(这是一个锚定链接)时，当前的导航项目淡出，而新的项目淡入(交叉淡入)。
2)如果用户没有点击任何导航项目，滑块将自动前进到下一个项目。
只有当我尝试使用setInterval时，我的问题才会在Chrome中出现。当我这样做时，交叉淡出不起作用，传出的容器淡出为白色，然后进来的容器突然出现(没有淡出)。
这是我的代码。希望得到一些想法，因为我已经尝试了所有的方法！
jQuery(d
浏览 2提问于2011-04-02得票数 2
我有一个有保存按钮的表单。当单击保存按钮时，它将运行ajax来保存表单内容。这是可行的。我遇到的麻烦是保存按钮淡出淡出。保存按钮的文本是“另存为草稿”。当点击时，我希望它淡出，更改文本为“草稿保存在时间”，然后淡入，以显示它是保存的，以及它的保存时间。几秒钟后，我希望该按钮的信息淡出，并被原来的“另存为草稿”按钮所取代。
我在想，我必须将淡出嵌入到函数中，但我的jquery淡出才能很少，而且很快就会消失:)
下面是ajax的成功部分……
success: function(data) {
var date = new Date(),
hours = date.getHours(
浏览 1提问于2011-05-08得票数 0
回答已采纳
我有一份无序的名单。当我点击洗牌按钮时，我需要：
的项目淡出，然后随机化，然后淡入。
我剧本的所有部分都是分开的。动画淡出可以自己工作，洗牌也能工作。问题是，当洗牌在脚本中，它跳到洗牌，并停止所有淡入或退出。
这是我的剧本：
$('.vShuffle').click(function(){
$('.list li').fadeOut(1000).shuffle().fadeIn(1000);
});
我也尝试过这个方法，它会逐渐淡出，然后我假设它会被洗牌，因为它没有做任何其他事情：
$('.vShuffle
浏览 1提问于2012-01-28得票数 0
回答已采纳
1回答
我使用的是PHP和jquery。我也在使用Drupal，但我认为这是一个普遍的问题，可能与Drupal无关。
我在一个页面上有链接：
<a href="/my-module/js/1" class="launch-js">Link</a>
单击该链接将启动jquery的一个片段，该片段会在一些html中淡出。
if (Drupal.jsEnabled) {
$(document).ready(function(){
$('a.launch-js').click(function(){
...
淡入的ht
浏览 3提问于2011-12-01得票数 1
回答已采纳
2回答
所以我现在有这个：
$('#message_notice').click(function(){
$(this).fadeOut('slow');
});
$('#message_notice').delay(8000).fadeOut('slow');
我最终想要做的是，如果一条消息被点击了，那么就把它淡出。否则，在X秒内，它会自动淡出。
我可以选择其中的一个，但是如果两个都有(就像我的例子中那样)，那么点击就不能工作了(只有延迟的淡出)。
我使用的是jQuery 1.4.4。
浏览 2提问于2011-03-11得票数 2
回答已采纳
1回答
我已经看过了，但现在找不到网站。
我有一个英雄形象的播放按钮，当它被点击时，我想隐藏该div的内容，同时展开它，然后在视频中褪色。
我使用标签绝对定位嵌入的视频后面的英雄副本。
我可以完成转换容器和淡出所有内容的CSS，但是我对jquery太陌生了，无法设置它的脚本。
你可以看到我到目前为止拥有的@
目前的视频是覆盖和自动播放，我可以停止它从预装，只有当播放按钮被点击加载视频？
浏览 5提问于2014-02-03得票数 0
回答已采纳
所以.我在尝试用jQuery创建一个切换效果时遇到了一些麻烦，它允许安莉标签上的两个不同的点击事件之间的交替。我想让li标签在点击时淡出到0.5的不透明度，当再次单击时恢复到原来的状态。
如有任何帮助，我们将不胜感激，并可随意在jsfiddle上重新创建:D
到目前为止，我掌握的代码是：
<div>
<li><a href="#">Click</a></li>
</div>
jQuery
$(document).ready(function() {
$('li').togg
浏览 0提问于2013-10-18得票数 0
回答已采纳
7回答
当用户单击任何位置时，.container需要淡出，而当用户在输入字段中单击时，需要淡出而不是。
是否有办法使它淡出，除非输入字段被点击？
$('.container').click(function () {
$(this).fadeOut();
});
<div class="container">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam eum ad adipisci velit assumenda cupiditat
浏览 6提问于2014-01-27得票数 0
我有以下JS函数，它创建一个带有引导类的div： function showDiv() {
let div = document.createElement("div");
div.innerHTML = '<div id="newAlert" class="alert alert-info">Hello</div>'
document.body.appendChild(div);
$("#newAlert").delay(3000).fadeOut(); HTML
浏览 33提问于2019-03-12得票数 0
回答已采纳
因此，我编写了一个HTML页面，当单击某个名称时，该名称会淡出。代码如下所示
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#names").click(function(){
$(this
浏览 33提问于2016-05-24得票数 0
.saf_search是一个按钮，当它被点击时，menu .lisearch会淡入，当你点击页面上除menu .lisearch之外的任何地方时，它应该会淡出(这就是它的工作原理)有人知道为什么它不工作吗？它会淡入，当我第一次单击页面上的任何地方时，它会淡出，但当我第二次尝试淡入菜单时，它会很快淡出，而不需要我单击文档。我认为这与.one有关，但我在硬盘崩溃之前就让它工作了，现在我不知道如何让它再次工作……
$('.saf_search').click(function() {
$('.lisearch').fadeIn(200);
});
$(docum
浏览 0提问于2010-02-10得票数 0
1回答
嗨，我已经创建了一个jcarousel，我希望jcarousel中的每个页面项都是淡出的，直到用户单击查看幻灯片，这是我正在使用的当前jquery：
$(document).ready(function () {
$('.overlay').css('display', 'block');
$('.overlay').css('opacity', 1.0);
$('.views_slideshow_jcarousel_pager_item').click(function()
浏览 2提问于2012-03-02得票数 0
我希望有一个菜单(复选框替换下拉列表)，当点击，淡出，但选定的选项停留了一点时间。正如标题所示，在Windows中，所有的“时髦”效果都是一样的--菜单很快就会褪色，而选择的选项则会慢慢淡出。
我的问题是如何使用jQuery实现这一点。我可以使用一个选择器来选择除所选选项之外的父元素的所有子元素，但这很麻烦；理想情况下，我希望能够淡出容器和容器中的所有内容，但能够淡出其中的单个元素，这在容器动画中被排除在外。
下面是一些HTML示例：
<ul>
<li>Option</li>
<li>Option</li>
&
浏览 5提问于2011-07-04得票数 5
回答已采纳
我有一个输入文本框，只要用户单击按钮，它就会淡入，如果用户再次单击按钮，它就会淡出。每次用户点击按钮时，输入都会被聚焦，因为他们通常做的第一件事就是输入。问题是输入有一个占位符，当用户再次单击按钮时，占位符以一种非常恼人的方式闪烁一次，而输入淡出(只有当用户再次单击按钮时输入被聚焦时才会发生这种情况)。
所以我昨天整晚都在尝试让输入焦点只在用户第一次点击按钮时聚焦，第二次点击时淡出，输入不应该聚焦。
你能帮我实现这一点吗？非常感谢!
//takes care of showing search when clicking on add button
jQuery(".a
浏览 0提问于2012-08-23得票数 0
1回答
我现在正在使用html，我希望通过jQuery使整个页面在命令中淡入并淡出(无论它的单击、动画等)。
我曾想过在所有东西上使用一个大的固定div，但这难道不能掩盖其他所有被点击的东西吗？
我还以为我可以在一个跨度内包装所有的东西，但那是行不通的。
最后，我知道我可以淡出" body "，但有时我想在身体内专门淡出大片段。谢谢你的帮助。
浏览 3提问于2017-02-06得票数 1
回答已采纳
1回答
很抱歉，但显然我对链式的理解还不够，无法解决这个问题……
我正在实现一个jQuery carousel插件(jCarouselLite)，并且我试图添加一个选项来‘移除’其中一个carousel项(目前是<div class="remove">)……
initEvents: function() {
var self = this;
// Bind jQuery event for REMOVE button click
$('.remove').live('click', functi
浏览 1提问于2010-12-04得票数 4
回答已采纳
2回答
如何使用具有淡入淡出效果的jQuery刷新页面(从覆盖)？
我在页面上有一个div标签，我使用jQuery打开它。一旦我在覆盖图上点击“确定”或“取消”，我需要刷新页面(重新加载数据)，用淡入/淡出效果关闭覆盖图。
Ajax更新面板正在执行部分回发，用户看不到页面正在刷新。我想用带有淡入/淡出效果的jQuery来做同样的事情。
如有任何帮助/建议，我们将不胜感激。
浏览 4提问于2010-07-16得票数 1
回答已采纳
3回答
我想运行一个加载动画时，一个网页被打开，然后淡出，并被替换为另一个div。我正在使用jQuery，但似乎动画由于某种原因干扰了fadein和fadeout，我无法理解。
在这种情况下，jQuery可以工作：
但是相同的代码不适用于css动画：
动画来自这里：
任何帮助都非常感谢！
浏览 0提问于2016-12-27得票数 2
回答已采纳
我刚刚开始学习jQuery，我正在尝试研究如何让广告在某些内容上淡入，然后在点击按钮时消失。开始很简单，我只是试着淡入一个图像，然后当我点击一个按钮时就淡出它。此外，如果有人能告诉我如何让它滑起来，并在它淡入后一点点，那就太好了。如果有任何帮助，我将不胜感激。
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
浏览 0提问于2011-10-18得票数 1
我试图有一个点击功能淡出内容，淡出加载旋转，淡出加载旋转，然后淡出新内容，也有我的history.pushstate更改。上面的所有内容都实现了，除了显示了我的旋转器。
jQuery('.jax a, .page-navigation a').live('click', function(event) {
var url = jQuery(this).attr('href'),
title = jQuery(this).attr('title');
jQuery('#
浏览 2提问于2015-05-25得票数 0
回答已采纳
3回答
我想知道如何在jQuery中显示一个类元素。我有一个div的列表，所有的div都有相同的类名。所以，如果我点击它们中的一个，所有的内容都会淡出。我怎么才能让我点击的那个正在淡出呢？
$(document).ready(function() {
$('.imageWrap').click(function() {
$(this).fadeOut();
}
});
我已经检查了jquery文档，但我也找不到任何解决方案。我知道这是一个基本的问题，但我希望有人能帮我解决。谢谢!
浏览 0提问于2011-09-10得票数 2
我有一个‘文本区’和‘提交’按钮的jQuery代码，当‘添加’按钮被点击时淡入，当单击其他地方或‘提交’按钮时淡出。
当“提交”和“文本区域”淡入时，“添加”按钮消失，反之亦然。
一切都很好，除了我被迫点击两次或三次“添加”按钮来执行函数，我想让“文本区域”自动聚焦。
我的脚本如下：
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.js">
</script&
浏览 0提问于2016-09-01得票数 0
1回答
更改按钮的文本
、、、
我正在做一个项目，我必须改变一些淡入淡出效果的按钮的文本。但我不能这么做。我应该点击按钮，它的文本应该淡出，它们与其他文本淡入。为此，我使用了jQuery
$("#button_fade").on("click", function(){
if($(this).text() == "HELLO") {
$(this).text().fadeOut(function(){
$(this).text("WORLD").fadeIn();
});
}
});
浏览 26提问于2019-07-09得票数 0
回答已采纳
1回答
jQuery菜单帮助
、、、
我正在尝试创建一个jQuery导航菜单，它向下滑动，以显示子UL时悬停和淡出时，鼠标被移动，我有以下代码，这是非常不同的浏览器行为。
希望你们能发现问题所在。
jQuery(document).ready(function(){
// menu effects
this.navLi = jQuery('nav ul li').children('ul').hide().end();
this.navLi.hover(function() {
// mouseover
jQuery(this).find('> ul'
浏览 0提问于2010-12-02得票数 0
3回答
在分割之间淡入和淡出
、、、
我有一个3个按钮的菜单，我想做的是使图像的item11，item22和item33隐藏。当我点击按钮a，item11淡入，如果我点击b，item11淡出，item22淡入，以此类推。
我有这个用于菜单和分区的jsfiddle：
我有淡入淡出功能，但我不确定如何连接到html。
JQUERY：
$(document).on('click','#item1', function()
{
$("").fadeOut(1000, function(){
$("").hide();
$(""
浏览 11提问于2015-07-01得票数 3
1回答
我是jQuery的新手，我想问一个问题。基本上，我有四个链接，当单击它们时，它们会在带有jQuery函数的div中淡入淡出。我想要做的是创建一个函数，这样当你点击一个链接时，所有其他的div都会淡出。因此，当我点击一个链接来淡入div时，任何其他的div，无论是一个、两个还是三个，都会淡出并打开新的div。
我该怎么做呢？
谢谢!
J·温顿
浏览 4提问于2011-10-22得票数 0
回答已采纳
3回答
我会尽量说得清楚些。请记住，我是一个JQuery新手！
我正在使用这段代码通过一个JQuery创建一个div Megamenu。
我希望菜单在悬停时被触发，然后使用.dropdowntrigger淡入。然后我希望菜单在鼠标上淡出#menuwrap。
问题是在它淡入之后需要延迟一段时间，因为它会一直淡出，然后你才能将鼠标悬停在菜单上以保持其可见……我想是的！
代码如下：
$(function() {
$('.dropdowntrigger').hover(function() {
$('#menuwrap').fadeIn(500);
}, fu
浏览 1提问于2014-01-09得票数 0
因此，我有一个输入字段，在那里有人会在一年内投入。我希望在输入值长度=4时，在div中使jQuery淡出，或者换句话说，在输入达到其最大长度时立即淡出。
下面的工作，但你必须点击外部的输入框，一旦你填补它的4个字符，以看到div淡入。如何使jQuery几乎监视输入，并在达到最大长度时立即执行一些操作？
HTML：
<input type="text" id="year" placeholder="YYYY" maxlength="4" size="4">
jQuery：
$("#year"
浏览 2提问于2013-12-29得票数 1
回答已采纳
3回答
我正在尝试将动画/淡入淡出添加到显示/隐藏脚本。
当用户点击".show“锚点时，我想要向下滑动".buttons”div到".targetDiv“div的高度，之后我希望".targetDiv”div淡入。
然后(如果可能)，当".hide“锚点被点击时，我希望发生相反的动作--导致".targetDiv”淡出，而".buttons“div向上滑动(回到原来的位置)。
谢谢你的帮助!
jsFiddle：
HTML：
<div id="content" class="targetDiv"&g
浏览 2提问于2013-01-20得票数 1
回答已采纳
所以我有这个基本的表格
<form id="order" action="contact.php" method="post">
<p>Your name: <span><input type="text" name="name" id="fname"></span></p>
<p>Your e-mail: <span><input type="text" name=
浏览 3提问于2013-01-30得票数 0
回答已采纳
3回答
我正在尝试做一些应该非常简单的事情，但我显然没有以最好的方式做到这一点。
我基本上只是试着淡出一些元素，然后根据点击的链接淡入另一个组。
这里是小提琴：确保选择jQuery
正如您所看到的，元素彼此碰撞，然后内容似乎会在额外的时间内淡入淡出。
如有任何帮助，我们不胜感激！
HTML：
<div class="row module-intro main">
<a href="#" id="new">New</a>
</div>
<div class="row module-in
浏览 0提问于2011-09-01得票数 0
回答已采纳
我如何调用semanticUI的函数来关闭和淡出图标点击时的消息？
有一个jQuery调用(?)但我不确定如何在vue中做类似的事情。有人能解释一下它到底在做什么吗？我知道你在传递一个函数来完成点击操作，但是函数中的$('.message .close')和$(this)是什么？
<i class="close icon" @click=???? >
$('.message .close')
.on('click', function() {
$(this)
.closest('.me
浏览 10提问于2019-11-12得票数 1
我有一个里面有安莉的UL，当我点击UL时，里面的LI就会淡出。Li里面有一个输入(搜索表单)，旁边我有一个select输入来选择你想要搜索的网站部分。(两者都在LI里面)
我正在尝试获取它，这样当焦点离开LI和它里面的所有东西(选择输入，搜索输入)时，它就会淡出。但是，现在我的代码使得当您单击UL淡入LI时，它淡入，然后我单击搜索输入，但当我单击LI内部的其他输入(选择输入)时，LI将闪烁，然后如果我单击返回搜索输入，LI将淡出...啊！我只希望当LI和它里面的所有东西都不再有焦点时，LI就会淡出。任何帮助都将不胜感激。
html：
<ul class="ulsearch"
浏览 1提问于2010-01-24得票数 0
回答已采纳
4回答
我有一个图片库。我想要实现的很简单--用户点击的任何图片都会留在页面上，而其他的会淡出。我试图通过向被点击的图像添加一个类来实现这一点，然后通过没有类的事实来瞄准未被点击的图像。然而，我似乎没有得到任何反应，因为当我点击图像时，什么也没有发生。 HTML： <div class="row text-center famImages">
<div class="col-md-2">
<img src="images/1.jpg" class="img-responsive img-t
浏览 46提问于2017-10-25得票数 1
回答已采纳
1回答
我正在创建一个UI组件，在该组件中，当单击目标元素时，会产生一系列动画。动画应该按顺序发生:单击目标元素(TargetEl)，透明覆盖在目标元素上淡入淡出(覆盖)，另一个div在覆盖上滑下(滑动覆盖)，滑动覆盖有一个关闭图标，当单击关闭图标时，前一个动画反转发生(滑动覆盖向上滑动，覆盖淡出)。
我的问题是:我正在使用嵌套单击(“.on”)和动画调用。在最初的几次点击中，动画效果很好，但在第三次或第四次点击时，动画表现得很奇怪。叠加将很快淡入/淡出，您将看不到滑块动画。我认为正在发生的事情是动画不知何故变得无序了。
下面是我的JS/jQuery：
$(targetEl).on("clic
浏览 0提问于2012-08-03得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
