javascript - 当我在页面加载时创建容器/父 Div .fadeIn 时,jQuery(和所有#links)中断 - 为什么?

标签 javascript jquery css fadein fade

预先感谢您的帮助。

所以我有一个功能齐全的页面,但是当我进行以下更改时,我的 jQuery Accordion 在翻转时停止工作并且我的所有导航链接(指向 #sections 因为它是一个单页滚动站点)完全停止工作.这是致命的代码:

<script type="text/javascript">
    $(document).ready(function(){

    $(document).ready(function () {
    $('#fadeDiv').fadeIn(3000);
    });

    });
</script>
</head> 
<body>
<DIV ID="fadeDiv" style="display:none;"> 
... page here ...
</div>
</body>

所有中断的功能都在 fadeDiv 中。值得注意的是,链接 (a href="#section") 可以位于淡入的 div 中并且可以正常工作,但如果我淡入包含 #section 的 div 中,则会中断。

奇怪。

最佳答案

为什么将文档称为 ready 2?

是否引入了 jquery 文件?

你的代码应该是这样的

<script type="text/javascript">
    $(document).ready(function() {

    $('#fadeDiv').fadeIn(3000);

});
</script>

并将其添加到您的标题中

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>

我建议将 display none 放在 css 中

关于javascript - 当我在页面加载时创建容器/父 Div .fadeIn 时,jQuery(和所有#links)中断 - 为什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6120281/

相关文章:

javascript - 正则表达式包装 HTML 页面上的每个单词

javascript - 扩展 json 对象 javascript

html - 下拉菜单错误

javascript - slick.js slider 点禁用点击但仍然显示它们

css - 在 CSS 中使用图标排列背景图像

javascript - 使用 Jquery 将操作添加到 HTML 中的表单

javascript - 用其他子域替换子域名使用 JavaScript?

html - 很酷的 HTML5/CSS3 表格?

jquery - 计算元素并更改 css

javascript - 单击时使用 javascript 增加按钮文本?