升级到Bootstrap 4、jQuery 3.3.1后,jQuery .show() /.hide()无法工作的原因可能是由于Bootstrap 4和jQuery 3.3.1之间的一些兼容性问题导致的。在Bootstrap 4中,它引入了一种新的CSS类来控制元素的显示和隐藏,这可能与jQuery的.show()和.hide()方法产生冲突。
解决这个问题的方法是使用Bootstrap 4提供的CSS类来替代jQuery的.show()和.hide()方法。在Bootstrap 4中,可以使用以下CSS类来控制元素的显示和隐藏:
例如,如果要隐藏一个元素,可以将其CSS类更改为.d-none,如下所示:
<div class="d-none">要隐藏的内容</div>
如果要显示一个元素,可以将其CSS类更改为.d-block,如下所示:
<div class="d-block">要显示的内容</div>
这样就可以在升级到Bootstrap 4、jQuery 3.3.1后正常控制元素的显示和隐藏了。
推荐的腾讯云相关产品:腾讯云服务器(CVM)和腾讯云对象存储(COS)。
领取专属 10元无门槛券
手把手带您无忧上云