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

提交后,在jquery中的hide(Hide)之后,hide show不起作用

在jQuery中,hide()方法用于隐藏选定的元素,而show()方法用于显示被隐藏的元素。然而,在使用hide()方法隐藏元素后,如果接着调用show()方法,元素将不会显示出来。这是因为hide()方法会在元素上添加一个内联样式"display: none;",该样式会覆盖show()方法的显示效果。

解决这个问题的方法是使用其他方法来显示元素,例如使用fadeIn()、slideDown()等方法来实现渐显或下拉显示效果。这些方法会覆盖hide()方法添加的内联样式,从而正确显示元素。

以下是一个示例代码:

代码语言:txt
复制
// 隐藏元素
$("#myElement").hide();

// 使用fadeIn()方法显示元素
$("#myElement").fadeIn();

// 使用slideDown()方法显示元素
$("#myElement").slideDown();

在上述代码中,首先使用hide()方法隐藏了id为"myElement"的元素,然后使用fadeIn()方法和slideDown()方法分别实现了渐显和下拉显示效果。

需要注意的是,以上方法只是解决了hide()方法后show()方法不起作用的问题,具体使用哪种方法取决于具体的需求和效果。此外,还可以通过修改CSS样式或使用其他jQuery动画效果来实现元素的显示。

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

相关·内容

解决Activity重新刷新后Fragment的show、hide失效问题

问题的起因是这样,的笔者有个自定义View,实现的是一个APP首页的底部选择器,通过简单的配置就可以快速实现fragment的切换,优点是添加和移除item非常便捷并且插拔式的设计,帮助新手们快速上手。...传送门:BottomSelectView 不过很遗憾,在几个项目的考验中,发现了一个重大BUG。即标题,Activity重新刷新后Fragment的show、hide失效问题。...笔者这里的Activity重新刷新指的是系统崩溃,和横竖屏切换的时候。...Activity回重新onCreate导致,选择器绑定的fangment因为onSaveInstanceState存储重新创建前的状态,导致没能正确绑定新的fragment。...最终使BottomSelectView的按钮无法正确的切换Fragment。

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

    首先介绍一下 delay() : 语法: delay(duration,[queueName]) 概述: 设置一个延时来推迟执行队列中之后的项目。 jQuery 1.4 新增。...show();  //延迟5秒来现在id为test的div 上边的代码无效,必须得在 show() 中传参数: $("#test").delay(5000).show(function(){}); //...同样的 hide() 也如此。 看一下 jQuery文档对 delay() 的解释: 设置一个延时来推迟执行队列中的项目,它既可以推迟动画队列中函数的执行,也可以用于自定义队列。...只有在队列中的连续事件可以被延时,因此不带参数的 .show() 和 .hide() 就不会有延时,因为他们没有使用动画队列。...也就是说只有 show() 或 hide() 带有参数的时候才能被插入执行队列中。 简单的说,其实 show() 和 hide() 在不加参数的情况下是直接对元素的 display 样式设置。

    3.3K10

    求超大文件上传方案( BS )

    第一步: 前端修改 由于项目使用的是BJUI前端框架,并没有使用框架本身的文件上传控件,而使用的基于jQuery的Uploadify文件上传组件,在项目使用的jslib项目中找到了BJUI框架集成jQuery...Uploadify的部分,这部分代码封装在bjui-all.js文件中, 在bjui-all.js文件中的全局变量定义中有以下部分代码,这就是定义的有关于上传的Uploadify控件的重要变量: //...removeTimeout 3 如果设置了任务完成后自动从队列中移除,则可以规定从完成到被移除的时间间隔。...进入到项目使用的Tomcat服务器的目录 进入到指定项目使用的Tomcat服务器的目录 进入到Tomcat服务器下的conf配置目录中 看到server.xml配置文件后 先行查看Tomcat服务器的配置...的大小为2000000,这个属性的单位是毫秒,换算之后大概是半个小时,我们配置缺省的maxPostSize属性的值,默认情况下它的值是2097152,它的单位是字节,也就是2M的大小,修改完保存即可 修改完服务器之后

    1.4K20

    极验验证demo(django+vue) 原

    在使用之前,曾经试过用云的人机验证,不过在签名部分比较复杂,下载sdk后需要自己写很多,折腾了一下,还是放弃。...在demo中发现python的三大主流框架都有,这真是太棒了呢 ? 在django_demo文件夹中先安装requirements.txt里面需要的库 ?...,我们需要拼接相对路径 demo中的文件替换自己项目中相应的文件 运行后即可看到验证页面 ?...二、vue和python部分结合 分析:后端中validate和ajax_validate区别是:返回页面与返回数据 鉴于我们使用前后端分离的方式,在提交路径上选择ajax_validate 1.vue...部分 (1)form-action属性提交 python部分可用后,打开demo中的index.html,将html部分放置在vue验证组件的template中,将style放在vue的style中。

    2K10

    Bootstrap 模态框(Modal)插件的基本应用

    模态框(Modal)通俗的说就是在父窗体上弹出的一个子窗体。 通常用来显示一个单独的源内容或者是对一些模块进行进一步详细的介绍,可以在不离开父窗体的情况下进行一些互动和内容的交互。...仔细查看上面的代码,会发现在 标签中,data-target="#myModal" 是要在页面上加载的模态框的目标。 可以在页面上创建多个模态框,然后为每个模态框创建不同的触发器。...不能在同一时间加载多个模块,但可以在页面上创建多个在不同时间进行加载。 在模态框中需要注意两点: 第一是 .modal,用来把 的内容识别为模态框。 第二是 .fade class。...$('#identifier').modal('show') 4、Hide: .modal('hide') 手动隐藏模态框。...四、事件 下面试模态框中用到的事件,这些事件可在函数中当钩子使用。 1、show.bs.modal 在调用 show 方法后触发。

    4.5K00

    jQuery Cheat—Sheet(jQuery学习笔记)

    }); 常用的 jQuery 事件方法 文档DOM加载完成 $(document).ready() 方法允许我们在文档完全加载完后执行函数。该事件方法在 jQuery 语法 章节中已经提到过。...在下面的实例中,当点击事件在某个 元素上触发时,隐藏当前的元素: $("p").click(function(){ $(this).hide(); }); 双击事件 当双击元素时,会发生...在下面的实例中,当双击事件在某个 元素上触发时,隐藏当前的元素: $("p").dblclick(function(){ $(this).hide(); }); 鼠标穿过事件 当鼠标指针穿过元素时...---- #jQuery 效果 隐藏和显示 jQuery hide() 和 show() jQuery hide() 和 show() 通过 jQuery,您可以使用 hide() 和 show() 方法来隐藏和显示...() 通过 jQuery,您可以使用 toggle() 方法来切换 hide() 和 show() 方法。

    16.2K30

    一文深入JQuery

    (object, [callback]) for..of: jquery 3.0 版本之后提供的方式 事件绑定 jquery标准的绑定方式 on绑定事件/off解除绑定 事件切换:toggle 案例...广告显示和隐藏 抽奖 插件:增强JQuery的功能 实现方式: 动画 三种方式显示和隐藏元素 默认显示和隐藏方式 show([speed,[easing],[fn]]) 参数: speed:动画的速度...:就是元素在集合中的索引 element:就是集合中的每一个元素对象 this:集合中的每一个元素对象 回调函数返回值: true:如果当前function返回为false,则结束循环(break)。...使用 show/hide方法来完成广告的显示 */ //入口函数,在页面加载完成之后,定义定时器,调用这两个方法 $(function () { //定义定时器,调用adShow...(); //显示1秒之后 $("#img2ID").show(1000); }); }); <!

    3.4K30

    jQuery基础图文系列

    的入口函数是在html所有标签都加载后才执行,而JavaScript的window.onload事件是等到所有内容加载完后才执行。...是否存在一个匹配元素 .last() 将匹配元素集合缩减为集合中的最后一个元素 .map() 把当前匹配集合中的每个元素传递给函数 .next() 获取下一个元素 .nextAll() 获得匹配元素集合中每个元素之后的所有同辈元素....siblings() 获得匹配元素集合中所有元素的同辈元素 .slice() 将匹配元素集合缩减为指定范围的子集 addClass() 向匹配的元素添加指定的类名 after() 在匹配的元素之后插入内容...() 把所有匹配的元素用指定的内容或元素包裹起来 wrapinner() 将每一个匹配的元素的子内容用指定的内容或元素包裹起来 jQuery hide() 和 show()隐藏和显示 HTML 元素...); wrap() wrapAll() 与 wrapInner()的区别 wrap() 方法把每个被选元素放置在指定的 HTML 内容或元素中 wrapAll() 在指定的 HTML 内容或元素中放置所有被选的元素

    4.5K10

    前端(四)-jQuery

    { alert("登录请求可以提交"); //jQuery中手动提交表单 $("form").submit();...show(); },function(){ $(".topDown").hide(); }); 4.3.2 toggle 1.9版本之后,移除了toggle()复合事件方法 方法 说明 toggle...动画效果 4.4.1 控制元素的显示及隐藏 方法 说明 show() 立刻显示 show(毫秒数) 慢慢显示 show(毫秒数,函数) 在动画效果结束后执行函数 hide() 立刻隐藏 hide(毫秒数...) 慢慢隐藏 hide(毫秒数,函数) 在动画效果结束后执行函数 toggle() 方法等于这两个方法 方法 说明 toggle() 立即显示和隐藏 toggle(毫秒数) 慢慢显示和隐藏 toggle...(毫秒数) 淡入 fadeln(毫秒数,函数) 在动画效果结束后执行函数 fadeOut() 立即淡出 fadeOut(毫秒数) 淡出 fadeOut(毫秒数,函数) 在动画效果结束后执行函数 参数:

    8.6K30

    扫码

    添加站长 进交流群

    领取专属 10元无门槛券

    手把手带您无忧上云

    扫码加入开发者社群

    相关资讯

    热门标签

    活动推荐

      运营活动

      活动名称
      广告关闭
      领券