开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

show()和hide()不工作，但切换工作...如果条件错误？

如果show()和hide()方法不起作用，但切换工作，可能是因为条件错误导致的。

show()和hide()是jQuery库中的方法，用于显示和隐藏HTML元素。当调用show()方法时，指定的元素将变为可见状态；而调用hide()方法时，指定的元素将变为隐藏状态。

当这两个方法不起作用时，可能是由于以下原因之一：

元素选择器错误：确保你使用正确的选择器来选取要显示或隐藏的元素。可以通过检查元素的ID、类名或标签名来确认选择器是否正确。
元素不存在：如果指定的元素不存在于DOM中，那么show()和hide()方法将无法生效。确保元素存在于DOM中，并且选择器能够正确地选取到该元素。
方法调用时机错误：show()和hide()方法需要在DOM加载完成后才能正确调用。如果在DOM加载完成之前调用这些方法，它们可能不会生效。可以将这些方法的调用放在$(document).ready()函数中，以确保在DOM加载完成后再执行。
CSS样式冲突：show()和hide()方法通过修改元素的display属性来实现显示和隐藏效果。如果在CSS样式中对该元素的display属性进行了特殊设置，可能会导致show()和hide()方法不起作用。可以通过检查元素的CSS样式，尤其是display属性，来确认是否存在冲突。
JavaScript错误：show()和hide()方法可能被其他JavaScript代码中的错误所影响，导致它们不起作用。可以通过检查浏览器的开发者工具控制台，查看是否有任何JavaScript错误信息。

总结起来，如果show()和hide()方法不起作用，首先要检查选择器是否正确、元素是否存在、方法调用时机是否正确、CSS样式是否冲突以及是否有其他JavaScript错误。根据具体情况进行排查和修复。

腾讯云相关产品和产品介绍链接地址：

腾讯云主页：https://cloud.tencent.com/
云服务器（CVM）：https://cloud.tencent.com/product/cvm
云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
云存储（COS）：https://cloud.tencent.com/product/cos
人工智能（AI）：https://cloud.tencent.com/product/ai
物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
移动开发（移动推送、移动分析）：https://cloud.tencent.com/product/mps
区块链（BCS）：https://cloud.tencent.com/product/bcs
元宇宙（Tencent Real-Time 3D）：https://cloud.tencent.com/product/trtc

相关搜索:Angular路由器链路不工作，但如果重新加载它可以工作 Curried函数会导致错误，但如果不执行curried，则可以正常工作 Express POST不工作，但GET和PATCH F#：SQLiteCommand序列不工作，但单个SQLiteCommand工作。未给出错误 Git克隆和推送不工作，但添加提交工作 Javascript .hide()和.show()不工作 react https服务器不工作，但如果我指定端口号，则它工作 SAS宏不工作，但没有错误或警告 Swift -切换视图和返回时动画不工作 transition_time工作正常，但transition_reveal不工作(显示错误)

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

Fragment 基础知识

如果一个fragment已经进来的话，再次添加的话会报异常错误的添加进来的fragment都是可见的（visible），后添加的fragment会展示在先添加的fragment上面，在绘制界面的时候会绘制所有可见的...view 所以大多数add都是和hide或者是remove同时使用的。...,show来处理; 在实战中的运用方法：如果我们使用replace来切换页面，那么在每次切换的时候，Fragment都会重新实例化，重新加载一边数据，这样非常消耗性能和用户的数据流量。...正确的切换方式是add()，切换时hide()，add()另一个Fragment；再次切换时，只需hide()当前，show()另一个。...()不能一起使用 Fragment commit 和 commitAllowingStateLoss 的区别如果activity的状态被保存了，这里再提交就会检查这个状态，符合条件就抛出一个异常来终止应用进程

5632 0

Android中Fragment相互切换间不被回收的实现方法

如今市面上的应用基本上都是单Activity+多Fragment实现的了，而这类APP都有在相互切换时不被回收，即切换回原来的Fragment时还是原先的状态，这就是这里要实现的了。...这里使用Fragment的add() 、show() 、hide()实现，即显示和隐藏，这样原来的Fragment就不会被销毁了。二话不说，贴代码，代码是最好的老师。...).show(to); }else{ // 隐藏当前的，显示新的 transaction.hide(mCurrentFragmen).show(to); } mCurrentFragmen = to;...（类似Fragment），当点击下方Tab时设置布局的visibility的，思想是一样的，但这样实现起来很是丑陋，所以不建议使用。...总结以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流，谢谢大家对ZaLou.Cn的支持

8444 1

掌握 SwiftUI 的 task 修饰器

"Hide Timer" : "Show Timer"){ show.toggle() } if show {...Hide Timer 按钮后，app 出现了无法响应且控制台仍在持续输出（不按照原定的间隔时间）的情况，为什么会出现这样的问题呢？..."Hide Timer" : "Show Timer") { show.toggle() } if show {..."Hide Timer" : "Show Timer") { object.show.toggle() } if object.show...在了解了两个版本的 task 修饰器的工作原理和调用机制后，为老版本的 SwiftUI 添加 task 修饰器将不再有任何困难。

2.2K3 0

掌握 SwiftUI 的 task 修饰器

"Hide Timer" : "Show Timer"){ show.toggle() } if show {...图片我们的本意是通过按钮来开启和关闭计时器的显示以控制任务的生命周期（关闭时结束任务），但在点击 Hide Timer 按钮后，app 出现了无法响应且控制台仍在持续输出（不按照原定的间隔时间...但对于其他符合 DynamicProperty 协议的 Source of Truth （将 wrappedValue 和 projectedValue 标注为 @MainActor ），在修改前必须切换到主线程上..."Hide Timer" : "Show Timer") { object.show.toggle() } if object.show...在了解了两个版本的 task 修饰器的工作原理和调用机制后，为老版本的 SwiftUI 添加 task 修饰器将不再有任何困难。

3.5K6 0

读Zepto源码之fx_methods模块

props 是过渡的属性， fx_fethods 主要实现 show 、 hide 和 fadeIn、 fadeOut 等动画，用到的过渡属性为 opecity 和 scale 。...方法首先调用原有的 hide 方法，将元素显示出来，这是实现动画的基本条件。...'show' : 'hide'](speed, callback) }) } toggle 方法是 show 和 hide 方法的切换。...和 show 和 hide 不同的是，fadeTo 的 opacity 不一定为 1 或者 0，可以由调用者指定。...fadeOut 调用的是 hide 方法，只是不处理 scale 变形。

7680 0

前端开发者都应知道的 jQuery 小技巧

Ajax 调用的错误处理链式操作回到顶部按钮通过使用 jQuery 中的 animate 和 scrollTop 方法，你无需插件便可创建一个简单地回到顶部动画： // Back...Hover 上的 Class 切换如果用户的鼠标悬停在页面上某个可点击元素时，你想要改变这个元素的视觉表现。...但如果想让该元素在第一次点击时显现，第二次点击时消失，下面的代码可以很好地完成这个工作： // Fade $('.btn').click(function () { $('.element').fadeToggle...; } }); Ajax 调用的错误处理当某次 Ajax 调用返回 404 或 500 错误，就会执行错误处理。但如果没有定义该处理，其他 jQuery 代码或许会停止工作。...; $elem.hide(); $elem.html('bla'); $elem.otherStuff(); jQuery 中的链式操作和缓存方法，都极大精简和提速了代码。

2.3K3 0

咱真的了解 Activity 与 Fragment 生命周期吗？

FragmentBK", Toast.LENGTH_SHORT).show() } } } Fragment 切换（hide/show 方式）初始化 Activity 与...和尚我个人理解，hide/show 方式切换 Fragment 时，Fragment 不销毁，其生命周期按照这几个 Fragment 的初始化顺序执行，初始化几个就执行几个 Fragment 的生命周期...frag.isAdded) { // 如果当前fragment未被添加，则添加到Fragment管理器中 transaction.hide(fragment).add(R.id.fl_content...() } fragment = frag as Fragment } ---- 和尚我日常应用加载和切换 Fragment 的方式就这两种，应用较多的还是 hide/show...当然如果加载很多 Fragment 时不止用到 hide/show 方式，还要涉及 Fragment 的懒加载等。 ? 效果图 FragmentAK ? 效果图 FragmentBK ?

1.3K4 1

开放-封闭原则（OCP，Open - Closed Priciple）

，想着自己要写一个完美的组件，到处抽象，那就会让组件很复杂，这样反而得不偿失，乱抽象也是一种错误在第一次组件完成的时候，我们不应该特意去猜测哪里可能会出现变化，然后去做抽象，这个工作应该是写组件之前就设计好的...show: function() { this.$box.show(); }, hide: function() { this....height: 0 每种都有自己的特点以及适用场景，show和hide方法实际上是用第一种方式如果写死了，到时候要改变这里就麻烦了，因此通过类来处理会更好，方案如下： // 方案1 var com =...$box.removeClass('z-show z-hide').addClass('z-show'); }, hide: function() { this....$box.removeClass('z-show z-hide').addClass('z-hide'); } }; // css: // .z-show { display: block;

7931 0

开放-封闭原则（OCP，Open - Closed Priciple）

，想着自己要写一个完美的组件，到处抽象，那就会让组件很复杂，这样反而得不偿失，乱抽象也是一种错误在第一次组件完成的时候，我们不应该特意去猜测哪里可能会出现变化，然后去做抽象，这个工作应该是写组件之前就设计好的...show: function() { this.$box.show(); }, hide: function() { this....height: 0 每种都有自己的特点以及适用场景，show和hide方法实际上是用第一种方式如果写死了，到时候要改变这里就麻烦了，因此通过类来处理会更好，方案如下： // 方案1 var com =...$box.removeClass('z-show z-hide').addClass('z-show'); }, hide: function() { this....$box.removeClass('z-show z-hide').addClass('z-hide'); } }; // css: // .z-show { display: block;

1.2K9 0

Vue常用指令(一)

--当show值为true时，显示出来--> 不显示出来! <!...创建Vue的实例 new Vue({ el: '#app', data: { show: true, hide:...false, height: 1.68 } }); 3、v-show 根据表达式之真假值，切换元素的 display CSS 属性。...v-show和v-if的区别： v-if 是真实的条件渲染，因为它会确保条件块在切换当中适当地销毁与重建条件块内的事件监听器和子组件； v-show 则只是简单地基于 CSS 切换。...v-if 有更高的切换消耗而 v-show 有更高的初始渲染消耗。因此，如果需要频繁切换使用 v-show 较好，如果在运行时条件不大可能改变则使用 v-if 较好。

3732 0

一些好用的jquery技巧

这就要在阻止默认动作上做文章了： $('a.no-link').click(function (e) { e.preventDefault(); }); 8、淡入/滑动切换滑动和淡入都是我们用jQuery...如果你只是想在用户点击之后展示一个元素的话，那么用fadeIn 和slideDown 方法就很完美。...如果文本不存在，那就隐藏该元素： var search = $('#search').val(); $('div:not(:contains("' + search + '"))').hide(); 13...; } }); 14、AJAX调用错误处理当Ajax调用返回404或500错误时，就执行错误处理程序。如果没有定义处理程序，其他的jQuery代码或会就此罢工。...： $('#elem') .show() .html('bla') .otherStuff(); 还有一种方法是在（前缀$）变量中高速缓存元素： var $elem = $('#elem'); $elem.hide

3.9K6 0

dva

级hook），让内部状态可读提供全局错误处理方式，解决异步错误不可控的痛点增强model管理（允许动态增删model）猜测整个实现过程是这样：配置化在技术上实现固化，把灵活性限制起来，让业务写法更统一...（不满足条件直接throw，生产环境也throw），warning用来保证弱条件（开发环境log error并无干扰throw，生产环境不throw，换成空函数） invariant无差别throw可以用...，但warning不建议使用，因为含warning的release代码不如编译替换干净（还会执行空函数）另一个技巧是包一层函数，在外面做参数检查，比如示例中的： function start(container...model, actionType) { const { namespace } = model; return function*(...args) { yield put({ type: SHOW..., payload: { namespace, actionType } }); yield effect(...args); yield put({ type: HIDE, payload

1.9K5 0

「jQuery」基础 - 01

从封装一大堆函数的角度理解库，就是在这个库中，封装了很多预先定义好的函数在里面，比如动画animate、hide、show，比如获取元素等。...筛选选择器筛选选择器，顾名思义就是在所有的选项中选择满足条件的进行筛选选择。...显示隐藏显示隐藏动画，常见有三个方法：show() / hide() / toggle() ；语法规范如下: show hide toggle 代码演示 <button...over:鼠标移到元素上要触发的函数（相当于mouseenter） out:鼠标移出元素要触发的函数（相当于mouseleave）如果只写一个函数，则鼠标经过和离开都会触发它 hover事件和停止动画排列案例...事件切换 hover 如果只写一个函数，那么鼠标经过和鼠标离开都会触发这个函数 $(".nav>li").hover(function() { // stop 方法必须写到动画的前面

6.9K2 1

重学VUE——vue 常用指令有哪些？

return { show:true, } } 2.6、v-show / v-hide 作用：控制元素的显示和隐藏。... 真假 data () { return { show...区别： v-if 是条件渲染，满足条件时，节点元素都会被渲染出来，包括事件绑定等，如果不满足条件，节点就不会被渲染出来，包括事件等。...但 v-show 是借助 display:none 隐藏节点的显示，它的内容还有事件等始终都存在。 v-if 来回切换时，浏览器需要不停地渲染，损耗性能，所以成本很高。...而 v-show 适合用于频繁切换的场景。

1K1 0

Android优化之切换Fragment

,果然，框架犯了一个低级的错误：切换Fragment竟然都是用replace()方法来替换Fragment。...---- ****切换Fragment的方法简介**** replace() 该方法只是在上一个Fragment不再需要时采用的简便方法 show() hide() add() 正确的切换方式是...add()，切换时hide()，add()另一个Fragment；再次切换时，只需hide()当前，show()另一个 ---- ****看源码吧**** //错误的做法 //每次切换的时候，Fragment...都会重新实例化，重新加载一边数据，这样非常消耗性能和用户的数据流量 public void switchFragment(Fragment targetFragment) { if (targetFragment...(currentFragment) .show(targetFragment) .commit(); System.out.println

2.3K5 0

第73天：jQuery基本动画总结

, }) }); 2、jQuery中显示元素的show方法 hide是让元素显示到隐藏，show则是相反，让元素从隐藏到显示 - show与hide方法是修改的display属性，通过是visibility...important，如果你希望.show()方法正常工作，必须使用.css('display', 'block !...important')重写样式 - 如果让show与hide成为一个动画，那么默认执行动画会改变元素的高度，高度，透明度 3、jQuery中显示与隐藏切换toggle方法基本的操作：toggle();..., }, 500); 除了定义数值，每个属性能使用'show', 'hide', 和 'toggle'。...语法：参数接受一个jQuery或者dom对象作为查找的条件 .index() .index( selector ) .index( element ) - 如果不传递任何参数给 .index() 方法

3.2K1 0

FindWindowEX应用实例二则

函数功能：该函数获得一个窗口的句柄，该窗口的类名和窗口名与给定的字符串相匹配。这个函数查找子窗口，从排在给定的子窗口后面的下一个子窗口开始。在查找时不区分大小写。...如果hwndParent 和 hwndChildAfter同时为NULL，则函数查找所有的顶层窗口及消息窗口。...如果该参数为 NULL，则为所有窗口全匹配。返回值：如果函数成功，返回值为具有指定类名和窗口名的窗口句柄。如果函数失败，返回值为NULL。...若想获得更多错误信息，请调用GetLastError函数。... (4)根据窗口句柄，调用ShowWindow函数控制任务栏各区域显示或隐藏(Show/Hide)；调用EnableWindow函数控制任务栏各区域有效或无效(Enabled/Disabled)。

4472 0

TypeScript 4.3 beta 版本正式发布：新增import语句补全，对模板字符串类型进行改进

#size; } } 但这种办法并不理想——unknown 会让人们在理解 size 的时候做一个类型断言，而 any 不会捕获任何错误。...一大错误是缺少重命名，拿以下类为例： class SomeComponent { show() { // ... } hide() { // ... } } class SpecializedComponent...的子类，并覆盖了 show 和 hide 方法，如果某人决定剥离 show 和 hide 并用一个单独的方法替换它们，会发生什么？...现在代码只是添加了这两个毫无用途的 show 和 hide 方法，它们可能根本不会被调用。...在 strictNullChecks 下，使用始终在一个条件检查中被定义的 Promise 现在被视为错误。

1.1K4 0

前端常见内存泄漏及解决方案

如果在浏览器中，全局对象就是 window 对象。变量在窗口关闭或重新刷新页面之前都不会被释放，如果未声明的变量缓存大量的数据，就会导致内存泄露。...如果在使用结束后没有将局部变量清除，就可能导致内存泄露。...解决方法：加一个 beforeDestroy()方法释放该页面的 chart 资源，我也试过使用 dispose()方法，但是 dispose 销毁这个图例，图例是不存在了，但图例的 resize()方法会启动...this.showChoices = false }, }, } 在上述的示例中，我们可以用 hide() 方法在将选择框从 DOM 中移除之前做一些清理工作...ES6 考虑到这点，推出了两种新的数据结构：weakset 和 weakmap 。

1K1 0

一文深入JQuery

广告显示和隐藏抽奖插件：增强JQuery的功能实现方式：动画三种方式显示和隐藏元素默认显示和隐藏方式 show([speed,[easing],[fn]]) 参数： speed：动画的速度...hide([speed,[easing],[fn]]) toggle([speed],[easing],[fn]) 滑动显示和隐藏方式 slideDown([speed],[easing],[fn])...for(元素对象 of 容器对象) 事件绑定 jquery标准的绑定方式 jq对象.事件方法(回调函数)；注：如果调用事件方法，不传递回调函数，则会触发浏览器默认行为。...表单对象.submit();//让表单提交 on绑定事件/off解除绑定 jq对象.on(“事件名称”,回调函数) jq对象.off(“事件名称”) 如果off方法不传递任何参数，则将组件上的所有事件全部解绑...使用 show/hide方法来完成广告的显示 */ //入口函数，在页面加载完成之后，定义定时器，调用这两个方法 $(function () { //定义定时器，调用adShow

3.3K3 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭