调用 JavaScript 函数来显示 Div 时不显示它

Div is not showing when call a javascript function to show it

本文关键字：显示 Div 调用 函数 JavaScript      更新时间：2023-09-26

我是JavaScript和jQuery新手，所以，请不要介意我最基本的问题：

我做了以下div，我想在调用某些JavaScript函数时显示： 

<div id='faix' class="bg4 w460 h430 tac poa dpn">
    <h4 class="fwb fs22 cf3 mb5 ff3 mt150 ">Thank you John for contacting us!</h4><h4 class="fwb fs22 cf3 mb5 ff3"> We will get in touch with you shortly.</h4>
</div>

但是当调用该函数并将其传递给该函数时，ID 为"faix"的相应div 没有显示 

$('#faix').fadeIn(500);

我对上面的代码做错了什么？

确保你已经把 

$('#faix').fadeIn(500);

到

$(function() {
    $('#faix').fadeIn(500);
});

因为它应该，wenn jQuery已经准备好了。

你的代码没问题;我想你是在调用它，当 html 还没有构建时。将代码包装在 $（document）.ready 中：

$(document).ready(function() {
    $('#faix').fadeIn(500);
});
尝试将

代码包装在：

$(function(){
});

并查看您的div 是否通过以下代码使用 CSS 隐藏以实现跨浏览器兼容性：

display:none;

确保这些类bg4 w460 h430 tac poa dpn没有说display:none !important或visibility:hidden !important之类的东西，或者margin-top: -99999px之类的东西。

进行调用后，使用检查器 （Ctrl+Shift+I） 查找生病的div 并查看其 CSS 属性以确定它是否应该可见，或者其他原因阻止您看到它。还要查看控制台以监视错误，也许它在一系列函数中，如果一个失败，后续函数也会失败。

查看基本内容，例如是否导入了jquery api，将其放在document.ready函数中等。

我还记得曾经遇到过这样的问题，因为div id 与 jquery api 中的div 名称可能冲突，因此请尝试更改div 名称。

相关文章：