Javascript不褪色元素

我一直试图在加载页面时淡入一个对象。但是，对象不会淡入或淡出（我已经尝试了这两种方法）。是什么导致我的javascript程序不执行此代码？谢谢你的帮助

Javascript:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
    $(document).ready(function(){
        $("#fadeIn1").fadeIn(3000);        
    });
</script>

$（文档）.ready（函数（）{
美元（“#fadeIn1”）。fadeIn（3000）；
});

Html（简体）：

你好

解决方案：

---

我删除了不必要的脚本标记，问题得到了解决

淡出时，不能使用style=“display:none”。否则它就完全可以工作了

我试过你的代码，它也可以工作，所以我能想到的问题是，

脚本

可能是在主体之前先加载的。。所以试着把

脚本

放在

正文

标记的末尾。@Phil aw。。是的，我忘了…@apaul你能给我们看更多的标记吗？所以我们可以找出问题所在..在这里工作正常~。如果它与您的设置不匹配，您可以编辑它吗（我已经包括了jQuery 3.2.1，并将JS设置为在

中运行）@Phil我发现了问题。出于某种原因，我的文件底部有一堆链接。当我取下它们时，它运行得很好。我将更新我的问题以包含答案。谢谢真的不清楚你在说什么。你能举个例子吗？我说过代码很好，但是如果你淡出它，你就不能使用display:none。如果“显示”属性在开始时设置为“无”，则没有淡出点

<p id="fadeIn1" style="display:none">Hello</p>