0

我是新来的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);

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

4

5 回答 5

1

确保您已将

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

进入

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

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

于 2012-04-21T14:32:43.407 回答
0

你的代码没问题；我认为您正在调用它，当 html 尚未构建时。将您的代码包装在$(document).ready中：

$(document).ready(function() {
    $('#faix').fadeIn(500);
});
于 2012-04-21T14:32:30.943 回答
0

尝试将您的代码包装在：

$(function(){

});

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

display:none;
于 2012-04-21T14:34:25.777 回答
0

确保这些课程中没有一个bg4 w460 h430 tac poa dpn说类似display:none !important或visibility:hidden !important那样margin-top: -99999px的东西。

拨打电话后，使用 Inspector (Ctrl+Shift+I) 找到有病的 div 并查看它的 CSS 属性以确定它是否应该可见或有其他东西阻止您看到它。还要查看控制台以查看错误，也许它在一系列功能中，如果一个失败，后续功能也会失败。

于 2012-04-21T14:35:24.450 回答
0

查看基本的东西，比如你是否导入了 jquery api，把它放在 document.ready 函数中等等。

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

于 2012-04-21T14:37:52.483 回答